Foros del Web » Creando para Internet » CSS »

Problema Color de Fondo en DIVs

Estas en el tema de Problema Color de Fondo en DIVs en el foro de CSS en Foros del Web. Saludos, Tengo un problema con el color de fondo de unos divs que no consigo solucionar por mucho que le doy vueltas . Mi nivel ...
  #1 (permalink)  
Antiguo 19/04/2010, 04:25
 
Fecha de Ingreso: abril-2009
Mensajes: 18
Antigüedad: 8 años, 8 meses
Puntos: 0
Problema Color de Fondo en DIVs

Saludos,

Tengo un problema con el color de fondo de unos divs que no consigo solucionar por mucho que le doy vueltas . Mi nivel no es muy avanzado por lo que es posible que tenga algun fallo y no me percate de ello.

Tengo la siguiente extructura con este estilo definido:

Código HTML:
<div id="header">
<div id="logo">
<a href="#"><img src="./logo.jpg" /></a>
</div>
<div id="menu">
<ul id="nav_list"><li><a href="#">Inicio</a></li>
<li><a href="#">Quiénes Somos</a></li>
<li><a href="#">Servicios</a></li>
<li><a href="#">Portafolio</a></li>
<li><a href="#">Publicidad</a></li>
<li><a href="#">Contacto</a></li></ul>
</div>
</div> 
Código:
#header {
	background-color: #383D44;
	margin: 10px auto auto auto;
	position: relative;
	float: none;
	left: auto;
	width: 900px;
	padding-top: 10px;
	text-align: center;
}

#logo {
        background-color: #383D44;
        float: left;
        padding-top: 5px;
        padding-bottom: 10px;
        text-align: left;
}

#menu {
         background-color: #383D44;
         float: right;
         padding-top: 25px;
         text-align: right;
         color: #fff;
}
Pues bien, mi problema es que con FireFox no todo el fondo sale del color que yo quiero mientras que con IE se ve bien . Aqui les dejo dos screenshots para que puedan comparar:



  #2 (permalink)  
Antiguo 19/04/2010, 08:15
 
Fecha de Ingreso: junio-2007
Mensajes: 189
Antigüedad: 10 años, 5 meses
Puntos: 3
Respuesta: Problema Color de Fondo en DIVs

Debes darle un valor height al header, ya que por alguna razon que desconozco cuando pones float a divs dentro de un contenedor, no se tienen en cuenta para el height :S
  #3 (permalink)  
Antiguo 19/04/2010, 08:36
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Problema Color de Fondo en DIVs

Cita:
Debes darle un valor height al header, ya que por alguna razon que desconozco cuando pones float a divs dentro de un contenedor, no se tienen en cuenta para el height
Correcto para saber mas...
http://librosweb.es/css_avanzado/cap...ar_floats.html

Pero creo que es muy valido usar un height, ya que supongo que no crecera mas este #header
  #4 (permalink)  
Antiguo 19/04/2010, 09:25
 
Fecha de Ingreso: abril-2009
Mensajes: 18
Antigüedad: 8 años, 8 meses
Puntos: 0
Respuesta: Problema Color de Fondo en DIVs

Cita:
Iniciado por SoutlinK Ver Mensaje
Debes darle un valor height al header, ya que por alguna razon que desconozco cuando pones float a divs dentro de un contenedor, no se tienen en cuenta para el height :S
Muchas gracias SoutlinK, le di un valor height al div header y se soluciono , te ganaste buen karma . Un cordial saludo.

Etiquetas: color, fondo
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 00:49.