Maquetar CSS

mongus3010 · #1 (**permalink**) 30/07/2008, 10:13

hola que tal estoy algo confundido mm me podrian pasar la estructura base para maquetar respecto con div ya saben la cabecera el contenido y las demás div dentro del contenido por cierto estoy tratando de hacer la hoja de estilos externa como todo mundo la hace gracias por su tiempo hasta luego.

kazafun · #2 (**permalink**) 30/07/2008, 10:46

Cita:

Iniciado por mongus3010

hola que tal estoy algo confundido mm me podrian pasar la estructura base para maquetar respecto con div ya saben la cabecera el contenido y las demás div dentro del contenido por cierto estoy tratando de hacer la hoja de estilos externa como todo mundo la hace gracias por su tiempo hasta luego.

Bueno, no hay una estructura fija.

Busca por "layout 2 columnas" "layout 3 columnas" y encontraras cosas interesantes.

Jamati · #3 (**permalink**) 30/07/2008, 11:05

Una estructura podría ser:

Código HTML:

<html>
<head>
</head>
<body>
<div class="prin">
  <div class="centro">
    <div class="izq"></div>
    <div class="cen"></div>
    <div class="der"></div>
    <div class="clear"></div>
  </div>
</div>
</body>
</html>

y el CSS podés poner:

Código HTML:

div.prin {width:700px;}
div.centro {width:100%;}
div.izq {width:100px;float:left;position:relative;}
div.cen    {width:500px;float:left;position:relative;overflow:hidden;}
div.der   {width:100px;float:right;position:relative;overflow:hidden;}
div.clear {clear:both;}

obviamente tendrías que hacer ajustes, pero basicamente lo podrías hacer así como te dije.