Foros del Web » Creando para Internet » CSS »

layout columnas

Estas en el tema de layout columnas en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 20/09/2011, 13:51
 
Fecha de Ingreso: diciembre-2010
Mensajes: 166
Antigüedad: 8 años, 8 meses
Puntos: 0
layout columnas

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.

Etiquetas: columnas, contenido, html, layout, fondo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:02.