Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   CSS (http://www.forosdelweb.com/f53/)
-   -   Duda-Css-Fondo de columna :( (http://www.forosdelweb.com/f53/duda-css-fondo-columna-297428/)

ortiz 12/05/2005 09:45

Duda-Css-Fondo de columna :(
 
Hola.
Expuse una pregunta, que fue como siempre, gratamente respondida por los miembros de la comunidad :arriba:

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 :serio:

En fin, gracias a toton(palomino dixit)! :adios:

jesusbet 12/05/2005 10:29

#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 12/05/2005 11:14

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

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

ortiz 13/05/2005 02:43

casi,casi ....casiiiiii
 
Hooola :pirata:

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% :ojotes:

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 :serio:


En fin, voy a seguir probando :golpeado:

Saludos :adios:

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 :adios:


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

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2026, Jelsoft Enterprises Ltd.