Sobre Maqueteo WEB!

[01munrra]

Saludos!!!!....

estoy aprendiendo a maquetar ya que mi fuerte es la programacion robusta en los sistemas web pero no se mucho sobre maquetacion, y pues quisiera saber algo sobre maquetar, fijense como estructure la practica que estoy realizando:


y pues quiero agregar 2 nuevos contenedores de esta forma,(fijense en los cuadros de rayas negras)


y pues como agregaria esos 2 nuevos contenedores dentro del contenedor <div class="grid_10">...? gracias!!!

[#!drvy]

La forma mas fácil es con float.
http://www.w3schools.com/cssref/pr_class_float.asp

Código (css) [Seleccionar] Expandir

.clear {clear:both;} /* Limpiar float */
.contenedor_izquierda {float:left; width:300px; height:100px;}
.contenedor_derecha {float:right; width:300px; height:100px;}

Código (html4strict) [Seleccionar] Expandir

<div class="grid_10">
   <div class="contenedor_izquierda">Hola</div>
   <div class="contenedor_derecha">Mundo</div>
   <div class="clear"></div>
   <div class="otro_contenedor">lorem</div>
</div>

Saludos

[01munrra]

Gracias drvy, me ha servido de mucho....