Foros del Web » Creando para Internet » CSS »

div sin altura fija desaparece su fondo urgente please!

Estas en el tema de div sin altura fija desaparece su fondo urgente please! en el foro de CSS en Foros del Web. hola, Tengo un problema con el color de fondo de un div: Al quitarle a un div su altura fija para que pueda crecer segun ...
  #1 (permalink)  
Antiguo 05/03/2009, 04:25
 
Fecha de Ingreso: mayo-2006
Mensajes: 131
Antigüedad: 11 años, 6 meses
Puntos: 1
div sin altura fija desaparece su fondo urgente please!

hola,
Tengo un problema con el color de fondo de un div:
Al quitarle a un div su altura fija para que pueda crecer segun el contenido, me desaparece. Si les quito esos 600px de altura, ese background ya no sale...!!!

#content_noticias{
width:848px;
height:600px;
background-color:#fbfbfb;
border-top:4px #bdbdbe;
margin-left:auto;
margin-right:auto;
position:relative;
}
#wrapper_noticias{
width:848px;
float:left;
background-color:#cfcfcf;
border-top:4px #bdbdbe;
margin-left:auto;
margin-right:auto;
}

agradezco posibles soluciones...muchas gracias..
__________________
flora
  #2 (permalink)  
Antiguo 05/03/2009, 06:11
Avatar de Anarninquë
Colaborador
 
Fecha de Ingreso: julio-2005
Ubicación: MVD | Uruguay
Mensajes: 1.096
Antigüedad: 12 años, 4 meses
Puntos: 28
Respuesta: div sin altura fija desaparece su fondo urgente please!

Muestra el código HTML para que podamos ver mejor el problema...

Si la capa "content_noticias" esta sin contenido, y no defines altura, puede deberse a ello que no muestre el fondo (porque la capa tendría height = 0), se entiende?
__________________
Marcelo Ferreiro - Desarrollador Web
Mi Web - Pixelar.me
  #3 (permalink)  
Antiguo 06/03/2009, 05:36
Avatar de talmente  
Fecha de Ingreso: noviembre-2007
Mensajes: 233
Antigüedad: 10 años
Puntos: 4
Respuesta: div sin altura fija desaparece su fondo urgente please!

prueba a poner float: left;
  #4 (permalink)  
Antiguo 06/03/2009, 05:38
Avatar de Anarninquë
Colaborador
 
Fecha de Ingreso: julio-2005
Ubicación: MVD | Uruguay
Mensajes: 1.096
Antigüedad: 12 años, 4 meses
Puntos: 28
Respuesta: div sin altura fija desaparece su fondo urgente please!

Cita:
Iniciado por talmente Ver Mensaje
prueba a poner float: left;
Consulto, porqué el float:left; haría verse una capa que no se ve al quitarle la altura?
__________________
Marcelo Ferreiro - Desarrollador Web
Mi Web - Pixelar.me
  #5 (permalink)  
Antiguo 06/03/2009, 06:15
Avatar de talmente  
Fecha de Ingreso: noviembre-2007
Mensajes: 233
Antigüedad: 10 años
Puntos: 4
Respuesta: div sin altura fija desaparece su fondo urgente please!

saludos Anarninquë, No puedo contestarte certeramente, la teoría no es lo Mio vale, pero si a un contenedor sin alto definido que contiene otros div, al darle un float: left; se expande hacia abajo y abarca al reto de div. Seguro que se puede hacer de otras maneras y quizás no sirva en este ejemplo pero funciona.
  #6 (permalink)  
Antiguo 06/03/2009, 06:19
Avatar de Anarninquë
Colaborador
 
Fecha de Ingreso: julio-2005
Ubicación: MVD | Uruguay
Mensajes: 1.096
Antigüedad: 12 años, 4 meses
Puntos: 28
Respuesta: div sin altura fija desaparece su fondo urgente please!

talmente, te preguntaba con total respeto, ya que me dio curiosidad, pues no creo que al darle float:left; a una capa esto haga que "se expanda hacia abajo"...

Lo necesario para poder ayudar a Flora en este problema es que nos muestre su código HTML

__________________
Marcelo Ferreiro - Desarrollador Web
Mi Web - Pixelar.me
  #7 (permalink)  
Antiguo 06/03/2009, 06:39
Avatar de talmente  
Fecha de Ingreso: noviembre-2007
Mensajes: 233
Antigüedad: 10 años
Puntos: 4
Respuesta: div sin altura fija desaparece su fondo urgente please!

Lo se Anarninquë, puedes probarlo,

Código:
#cuerpo {
	float: left;
	margin-right: auto;
	margin-left: auto;
	background: #0099FF;
	width: 100%;
}
#cuerpo #derecha {
	background: #CC0000;
	float: right;
	width: 25%;
}
#cuerpo #lateral {
	float: left;
	width: 25%;
	background: #CC6600;
}
#cuerpo #principal {
	background: #CCCCCC;
	width: 49.9%;
	float: left;
}
<div id="cuerpo">
<div id="lateral">
<p>Lateral</p>
</div>
<div id="derecha">
<p>derecho</p>
</div>
<div id="principal">
<p>&nbsp;</p>
</div>
</div>

#Cuerpo tiene un float: left; quitaselo y veras que pierdes el fondo.
  #8 (permalink)  
Antiguo 06/03/2009, 07:51
 
Fecha de Ingreso: mayo-2006
Mensajes: 131
Antigüedad: 11 años, 6 meses
Puntos: 1
Respuesta: div sin altura fija desaparece su fondo urgente please!

efectivamente talmente :)

Puse el float left y funciona, siempre que el contenedor de este esté flotado tb....o no?...
Creo si.



Gracias!!
__________________
flora
  #9 (permalink)  
Antiguo 06/03/2009, 08:00
Avatar de Anarninquë
Colaborador
 
Fecha de Ingreso: julio-2005
Ubicación: MVD | Uruguay
Mensajes: 1.096
Antigüedad: 12 años, 4 meses
Puntos: 28
Respuesta: div sin altura fija desaparece su fondo urgente please!

No acabo de entender, y ahora me gustaría no quedarme con la duda :P
Podrías poner esa parte de código HTML?

Gracias
__________________
Marcelo Ferreiro - Desarrollador Web
Mi Web - Pixelar.me
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 05:07.