Foros del Web » Creando para Internet » CSS »

Ayuda para estirar una columna

Estas en el tema de Ayuda para estirar una columna en el foro de CSS en Foros del Web. Hola! Estoy rediseñando un sitio web y me ha surgido un problema. Lo primero de todo, he partido de una plantilla de Layout Gala, la ...
  #1 (permalink)  
Antiguo 23/12/2007, 06:16
 
Fecha de Ingreso: septiembre-2007
Mensajes: 8
Antigüedad: 10 años, 3 meses
Puntos: 0
Pregunta Ayuda para estirar una columna

Hola! Estoy rediseñando un sitio web y me ha surgido un problema.

Lo primero de todo, he partido de una plantilla de Layout Gala, la cual tiene el div de contenido antes que el del menú de navegación para mejorar el posicionamiento. El problema que tengo es que no consigo estirar la columna de navegación hasta el 100%.

He probado a meter ambos div en un wrapper, y asignar a body, html, wrapper, contenido e izq height 100% pero no consigo que funcione. He probado también a seguir las indicaciones de http://metalize.liveonstyle.com/2007/08/13/columnas-100-altas/ y no hay manera.

¿Alguien puede echarme una mano?

Código HTML:
div#header {height:84px;line-height:80px;margin:0;
  padding-left:0px;background: #EEE;color: #79B30B;
  background-image:url('lineaHoriz.jpg');
  }

div#content { padding-left: 20px; }

div#navigation{background:#FFD990;
	background-image: url('degradado.jpg');
	background-repeat: repeat-y;
	background-position: top right;

}

div#footer{
		background: #FFD990;color: #000;
		background-image:url('lineaHorizAbajo.jpg');
		padding-top:5px;
}

div#footer p{margin:0; height: 19px;}

div#wrapper{top: -3px; float:right;width:100%;margin-left:-200px}

div#content{margin-left:194px}

div#navigation{float:left;width:194px}

div#footer{clear:both;width:100%}

Código HTML:
<div id="container">
<div id="header"></div>
 <div id="wrapper">
  <div id="content">
  </div>
 </div>
<div id="navigation"></div>
<div id="footer"></div>
</div> 
  #2 (permalink)  
Antiguo 23/12/2007, 07:50
 
Fecha de Ingreso: septiembre-2007
Mensajes: 8
Antigüedad: 10 años, 3 meses
Puntos: 0
Re: Ayuda para estirar una columna

Hola. Escribo para comentar que lo he solucionado con el siguiente código:

Código:
body, html, #wrapper, #navigation, #container, #content {
		height: 100%;
}
Aunque ahora tengo otro problema: cuando llego a una cierta cantidad de texto en #content, éste se sale del diseño. ¿Alguna idea?
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 01:48.