Foros del Web » Creando para Internet » CSS »

Duda-Css-Fondo de columna :(

Estas en el tema de Duda-Css-Fondo de columna :( en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 12/05/2005, 09:45
Avatar de ortiz  
Fecha de Ingreso: septiembre-2004
Mensajes: 154
Antigüedad: 19 años, 6 meses
Puntos: 0
Pregunta Duda-Css-Fondo de columna :(

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)!
  #2 (permalink)  
Antiguo 12/05/2005, 10:29
Avatar de jesusbet
(Desactivado)
 
Fecha de Ingreso: mayo-2004
Ubicación: Monterrey, MX
Mensajes: 2.667
Antigüedad: 19 años, 10 meses
Puntos: 2
#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
  #3 (permalink)  
Antiguo 12/05/2005, 11:14
Avatar de kemie  
Fecha de Ingreso: junio-2003
Ubicación: estocolmo<-->mexico
Mensajes: 1.627
Antigüedad: 20 años, 9 meses
Puntos: 1
con este generador puedes hacer un layout como el que buscas :)

http://www.neuroticweb.com/recursos/2-columns-layout/
__________________
::::::::::::::::::::::::::::: WebHostNinja | diseñorama.com::::::::::::::::::::::::::::::
  #4 (permalink)  
Antiguo 13/05/2005, 02:43
Avatar de ortiz  
Fecha de Ingreso: septiembre-2004
Mensajes: 154
Antigüedad: 19 años, 6 meses
Puntos: 0
Exclamación casi,casi ....casiiiiii

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

Última edición por ortiz; 23/05/2005 a las 04:26
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 20:25.