Error con float en iexplorer

[ortiz]

Hola!

Tengo un pequeño problema con internet explorer. Supongo que es algo fácil, pero comencé desde el principio en hacer la web sólo para Firefox y ahora me resulta difícil encontrar el error y solventarlo. La próxima vez, la próxima web que comience la empezaré como dios manda.

Pues el problema es que hay 2 columnas en el "contenedor". La del "contenido" flota a la izquierda, y "lateral" sube entonces como columna a la derecha. Esto en firefox está perfecto pero cuando abres con ie, pasa esto:

http://www.warphammer.net/prueba.php

He rodeado los divs principales con bordes para que se vea bien a los protagonistas.

No se si hace falta poner el código css pero lo hago por si acaso:

#contenedor{
/*border: thin dotted Blue;*/
width: 780px;
height: auto;
margin: 0 auto;
text-align: left; /*alinear textos*/
background-image: url(../imagen/whn/bg_space.jpg);
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: White;
padding-top: 10px;
}


#contenido{
width: 580px;
float: left;
margin-bottom: 2px;
margin-top: 2px;
}

#lateral{
color: White;
margin-left: 580px;
width: 200px;
margin-top: 5px;
margin-bottom: 5px;
}
Si alguien me puede ayudar, muchas gracias!

[RoQ]

IE es una porqueria con medidas exactas, prueba con:

Código PHP:

  #lateral{
color: White;
margin-left: 585px;
width: 200px;
margin-top: 5px;
margin-bottom: 5px;
}
#contenedor > #lateral{
margin-left: 580px;
} 
   

IE usara la primera y los demas la segunda

[gutiw]

Por la razón que sea, el caso es que no cabe con el ancho que le has dado, hay que hacerlo más estrecho y poner float:rigth;. En #lateral, además te sobra el margin-left: 580px;
Lo he comprobado y funciona en IE 6
Espero que te sirva.

Código:

#contenido{
	width: 560px;
	float: left;
	margin-bottom: 2px;
	margin-top: 2px;
	border: 1px solid #000;
}

#lateral{
	color: White;
	width: 200px;
	margin-top: 5px;
	margin-bottom: 5px;
	float: right;
	border: 1px solid #000;
}

[ortiz]

Muchas gracias por las respuestas, va todo perfecto y de maravilla . Si alguna vez queréis jugar a Ogame en el universo 1, os guardo un lugar preferencial en la alianza

Saludos!

[jeanwolf]

Para gutiw

Muchas gracias, tu concejo me salvo la vida
Tanks.