hola,
me gustaria q me corrijan o expliquen si esta bien la manera q uso para crear maquete (o como se llama?) de la pagina web.
quiero hacerlo con los div y css.
el codigo es asi:
<head>
<title>PAGINA WEB</title>
<meta charset="utf-8" />
<meta name="keywords" content="html, css, creacion paginas web" />
<meta name="description" content="Es una pagina web de muestra" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" />
<link rel="shortcut icon" href="laptop_icon.ico" />
<style type="text/css">
*{margin:0px; padding:0px;}
body {
background-color: #252525;
}
</style>
</head>
<body>
<div style="width:777px; margin-left: auto; margin-right: auto; margin-top:10px; margin-bottom:10px;"> <!-- for Opera and Firefox -->
<div style="text-align:center"> <!-- for IE6 -->
<div style="background:#FAFFAF; width:777px; height: 27px; float:left;"></div>
<div style="background:#0080C0; width:777px; height: 31px; float:left; "></div>
<div style="background:#80FF00; width:777px; height: 21px; float:left;"></div>
<div style="background:#9A911D; width:225px; height: 90px; float:left;"></div>
<div style="background:#9080C0; width:552px; height: 90px; float:left; "></div>
<div style="background:#C99990; width:777px; height: 24px; float:left;"></div>
<div style="background:#9A911D; width:777px; height: 450px; float:left;"></div>
<div style="background:#9080C0; width:777px; height: 25px; float:left; "></div>
<div style="background:#899990; width:506px; height: 348px; float:left;"></div>
<div style="background:#Ff9990; width:7px; height: 348px; float:left;"></div>
<div style="background:#899990; width:264px; height: 348px; float:left;"></div>
<div style="background:#9080C0; width:777px; height: 25px; float:left; "></div>
<div style="background:#9A911D; width:777px; height: 438px; float:left;"></div>
</div>
</div>
</body>
</html>
Como se hacen estos espacios entre bloques? Como una div vacia transparente, tal como lo escribi en el codigo?
Aqui tiene la imagen de la web tal como la quise hacer.
GRACIAS