layout columnas

jhz1983 · #1 (**permalink**) 20/09/2011, 13:51

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.