llevo dias con problemas intentando hacer un layout para una web sencilla..
me he mirado varias técnicas como:
falsas columnas -
http://www.vectoralia.com/manual/htm...scolumnas.html
equal height columns -
http://matthewjamestaylor.com/blog/e...r-css-no-hacks (me lo he leido pero a la que intento adaptarlo se vuelve todo loco.. en fin supongo que no lo acabo de entender)
y alguna técnica más como super padding o con imagenes...
la verdad después de estos dias prácticamente estoy igual..
lo último que he intentado con super paddings:
Código:
<html>
<head>
<link rel="stylesheet" href="muhaha.css" type="text/css">
</head>
<body>
<div id="contenedor">
<div id="izquierda"></div>
<div id="central">
<div id="cabecera"></div>
<div id="nav"></div>
<div id="contenido"></div>
</div>
<div id="derecha"></div>
</div>
</body>
</html>
Código:
* { margin: 0; padding: 0;}
#izquierda,#central, #derecha { padding-top: 32678px; margin-top: -32678px;}
/* laterales */
#izquierda { width:10%; float: left; height:100%;}
#derecha { width:10%; float:right;height:100%;}
/* cuerpo */
#central { width: 80%; background-color: blue; float: left; height:100%;}
#cabecera { width:100%; background-color:black; float:left; height:150px;}
/* nav bar */
#nav { width: 11%; background-color: yellow; float: left; height:100%;}
/* contenido */
#contenido { width: 58%; background-color: red; float: left; height:100%;}
a ver si alguien me puede guiar un poco la verdad es que apenas he maquetado en css y el tema me tiene quemado ya xD bueno gracias de antemano.