Duda-Css-Fondo de columna :(

[ortiz]

Hola.
Expuse una pregunta, que fue como siempre, gratamente respondida por los miembros de la comunidad

Este es el hilo, al que hago referencia:

Hilo de Xhtml

He hecho esto:

Código PHP:

  <div id="contenedor">
   <div id="contenido"></div>
   <div id="lateral"></div>
</div> 
   

Y este el css de las 3 en cuestión:

#contenedor{
width: 780px;
margin-left: auto;
margin-right: auto;
border: thin solid White;
}

contenido{

color:black;
width: 580px;
float: left;
}

#lateral{

color:black;
margin-left: 580px;
width:200px;
background-color: #bfd88b;
}

Pues el problema, es que si os imaginais "lateral" su color de fondo, no baja hasta abajo, llega hasta donde acaba un texto de prueba, aleatorio.

Eso es realmente peliagudo. .No quisiera abusar de vuestra hospitalidad, pero si alguien tiene un consejo, se lo agradeceré. Que conste que he mirado manuales, tutoriales, pero no me sale, no se que hago mal

En fin, gracias a toton(palomino dixit)!

[jesusbet]

#lateral {
color:black;
margin-left: 580px;
width:200px;
height: 1000000px; <<<<<<<<<< HEIGHT sirve para dar una altura DEFINIDA a un elemento, sin este atributo, el elemento crecerá mientras crezca su contenido
background-color: #bfd88b;
}

saludos

[kemie]

con este generador puedes hacer un layout como el que buscas :)

http://www.neuroticweb.com/recursos/2-columns-layout/

[ortiz]

Hooola

Pues comentando la respuesta de Jesusbet, lo que me extraña, es que he visto códigos que sin utilizar el heigth, su background-color llega hasta abajo, hasta el final de la "columna". Sin ir más lejos, como en el código que expuso y le agradezco de paso, kemie. Ahí, por ejemplo, le dan a la columna de la derecha, una altura de 1%

Y bueno, el resultado es bueno, porque el color de fondo llega hasta abajo. Utilizan un background-color con una imagen que se repite, logrando así el efecto.

Eso es lo que no consigo, y también utilizo un background-color que se repite en
"contenedor"(ellos lo llaman wrapper).

background: #fff url(contenedor.gif) repeat-y;

este es el que utilizo yo, es casi igual...aunque claro, el suyo funciona


En fin, voy a seguir probando

Saludos

EDITO:

Hola, pues al final, como decía en un tutorial de internet, cree una imagen de fondo de contenedor, con toda la anchura de contenido de un color, y el resto de anchura del lateral de otro, y repitiendose. Con eso, el color baja hasta el fondo de las columnas en ambos casos.

Saludos