Ver Mensaje Individual
  #1 (permalink)  
Antiguo 06/11/2009, 19:11
Mola
 
Fecha de Ingreso: noviembre-2009
Mensajes: 4
Antigüedad: 14 años, 5 meses
Puntos: 0
Problemas Maquetando en CSS

Hola todos.
Pues la verdad soy bastante nuevo en programación con CSS.
Y trato al máximo de buscar las respuestas por mi mismo.
Pero la verdad llevo 3 días enredado con esto.
Se que es una tontada, algo me estoy perdiendo, eso pasa cuando no se tiene un tutor.
E visto muchos vídeos, leído muchos artículos y nada que domino del todo la maquetacion.


Tadavia me falta ver mucho, pero una ayudita en estos momentos me seria bastante útil.

bueno lo que quiero lograr es lo siguiente:



Y lo que tengo es esto:

Código HTML:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>WFD</title>
<style type="text/css">
* {
	padding:0px;
	margin:0px;
}
#conteiner {
	width:960px;
	margin-right:auto;
	margin-left:auto;
	height:auto;
}
#side1 {
	height:1045px;
	width:31px;
	float:left;
	
}
#side2 {
	height:1045px;
	width:31px;
	float:right;
	
}
#box1 {
	height:244px;
	margin-left:31px;
	margin-top:39px;
	
}
#box2 {
	height:312px;
	margin-left:31px;
	
}
#box3 {
	height:244px;
	margin-left:31px;
	
}

</style>
</head>
<body>
<div id="conteiner">
	    <div id="side1">
	    </div> <!-- End of side1 -->
	    <div id="box1">
	    </div> <!-- End of box1 -->
	    <div id="box2">
	    </div> <!-- End of box2 -->
	    <div id="box3">
            </div> <!-- End of box3 -->
	    <div id="side2">
             </div> <!-- End of side2-->
</div> <!-- End of conteiner -->
</body>
</html> 
También agradecería un buen curso en vídeo de maquetacion en CSS.
Gracias