div que se desborda

pavelinhos · #1 (**permalink**) 17/02/2008, 19:35

saludos amigos css-maniacos;
bueno tengo el siguieente codigo en HTML:

Código HTML:

<html>
	<head>
		<title>prueba</title>
		<link rel="stylesheet" type="text/css" href="stylea.css">
	</head>
	<body>
		<div id="contenedor"> 
			
				<div id="cabezera"> cabezera </div>
				<div id="izquierda"> izquierda</div>
				<div id="menu"> menu</div>
				<div id="galeria"> 
					<div id="imagenes"> img </div>
				</div>
				
					
				</div>
		</div>
	</body>
</html>

y este en CSS

Código:

BODY{
font-style:Verdana, arial, Times news roman;
font-size:12px;
background-color:rgb(240,240,240);
text-align:center;
}
#contenedor{
margin: 10px auto;
width: 540px;
height: auto;
background-color:red;
padding:5px 2px;
}
#cabezera{
width:536px;
text-align: left;
background-color: rgb(200,200,200);
height: auto;
}
#izquierda{
float:left;
background-color:rgb(150,150,150);
width: 398px;
height: auto;
margin: 5px 0;
}
#menu{
float:left;
width:138px;
background-color:rgb(190,190,190);
height: auto;
margin: 5px 0;
}
#galeria{
clear:both;
width:536px;
height:auto;
text-align: center;
background-color: rgb(200,200,200);
padding:5px 0 5px 0;
}
#imagenes{
width:177px;
height:auto;
float:left;
background-color:rgb(210,210,210);
}

pues en en IE 7.0 se ven bien, pero en el FF el DIV imagenes se desborda de todo el contenedor, ya me pase un buen tiempo dandole vueltas al asunto y no encuentro donde esta el error, espero me puedan ayudar a encotrar el error.

hades87 · #2 (**permalink**) 18/02/2008, 03:43

se desborda en que sentido? por los lados? de altura? al poner imágenes?

pavelinhos · #3 (**permalink**) 18/02/2008, 06:11

Bueno la capa imagenes se desborda de altura, especificamente la parte inferior de la capa; ah tambien cuando pongo imagenes.

dax_noelia · #4 (**permalink**) 18/02/2008, 07:45

Si modificas lo siguiente:

#contenedor {padding=5px 4px;}

y al #imagenes le quitas el float se ve bien (al menos yo lo veo bien). No se como se veria en el IE7 esta modificacion....si no lográs que se vea bien en ambos (cosa que es bastante complicada) vas a tener que usar 2 hojas de estilo distintas.

Saludos

DooBie · #5 (**permalink**) 19/02/2008, 03:45

prueba a colocar un clear:both; en #imagenes

si asi no funciona, creas un nuevo div, lo pones despues del cierre del div #contenedor con lo mismo que he dicho arriba.

saludos