Div que no se pega por completo a la izquierda

Keysher · #1 (**permalink**) 03/04/2006, 14:31

Buenas, tengo un pequeño problema con CSS.

El caso es que tengo una página con lo siguiente:

Código:

<body>
	<div id ="Izq">					
		<br>
		<br>
		<br>
		<br>
	</div>

	<div id="Principal">
		<div class= "caja">			
			loquesea		
		</div>
		texto
	</div>
</body>

Y el CSS:

Código:

#Izq { 
	float: left;
	width: 170px;
	background: black;
}

#Principal {
	margin-left: 180px;
	border: 1px solid #885;
}


.caja {
	background: black;	
	height: 50px;
}

Lo que quiero conseguir con esto es una capa a la izquierda con un ancho especifico y una a la derecha con el resto del ancho del navegador. Dentro de esa capa "principal" hay una "caja" con una altura de 50px, el problema es que en el (odioso) Internet Exploter esa caja no se junta totalmente al borde de la capa principal, sino que se queda un poquito separada. En el firefox si se pega al borde.

Si la capa "izq" no está, también se junta al borde, y si no se especifica un alto para la "caja" también....

Alguien sabe por qué puede estar pasando esto?

Un saludo.

SiR.CARAJ0DIDA · #2 (**permalink**) 04/04/2006, 11:35

OH HOLLY HACK

#Principal {
margin-left: 180px;
border: 1px solid #885;
height:1%;
}

Keysher · #3 (**permalink**) 04/04/2006, 11:55

Coño, funciona! Muchas gracias.

Alguna explicación de por qué el Internet Exploter lo interpreta como le da la gana?

Saludos.

webosiris · #4 (**permalink**) 04/04/2006, 12:00

Cita:

Iniciado por Keysher

Alguna explicación de por qué el Internet Exploter lo interpreta como le da la gana?

Bienvenido al mundo del CSS... ahora entenderás porque muchos le tenemos odio a la e azul

...

Keysher · #5 (**permalink**) 04/04/2006, 15:03

Jaja, sí, yo también la odio, he tenido que hacer muchos "apaños" para que las páginas se vean correctamente con el IE (y no se acaba de ver todo lo bien que debería), pero me ha extrañado un poco lo de las alturas, pensaba que tendría algún tipo de explicación...

pero bueno, habrá que resignarse a los caprichos del Explorer y esperar que la gente deje de usarlo.....

SiR.CARAJ0DIDA · #6 (**permalink**) 04/04/2006, 20:23

aca esta la explicacion: http://www.positioniseverything.net/...pe-floats.html

todo contenedor de algo flotante debe tener un alto definido en IE

Jorolo · #7 (**permalink**) 05/04/2006, 10:24

Hola a todos, hola Keysher.

Cita:

...habrá que resignarse... y esperar...

Con todo el respeto, ¿Que tal si hacemos algo?.