Problema en ie6 con css

[carlosdel1]

NEcesito saber cual puede ser el problema, con firefox y ie7 se ve perfectamente pero en ie6 se ve descuadra y muy mal..

help

http://bit.ly/9ASKke

[IEKK]

Eso ocurre porque básicamente IE (sobre todo el 6) es una --> KK
Se debe a que no interpreta la hoja de estilo según el estándar.
Es el gran problema de la maquetación. Cada navegador interpreta a su manera.
Por ejemplo los margin y los padding varían.
Para solucionarlo puedes hacer uso de los !important o el hack de IE6 *

#capa{
*margin-top:10px; //IE6
margin-top: 30px; //los demás
}

De todas formas tampoco se ven las esquinas redondeadas muy bien, ni en IE, ni en FF, ni en chrome y el div contentarea es un poco mas ancho que la cabecera y el pie de página.

Un saludo

[alexk]

Si haces bien el trabajo y aplicas los correctos haslayouts no tienes muchos problemas y no es necesario el uso de hacks... tienes los clasicos errores de IE6 uno de ellos el margen duplicado a elementos flotados, puedes solucionarlo con display:inline; al mismo elemento, para enterarte de este y otros errores y saber como solucionarlos en...
http://haslayout.net/

[carlosdel1]

Gracias por las respùstas he probado con lo que me dijeron .. display:inline y no ocurre nada... margin-top: no creo que sean la causa por que no tengo ningun margin-top

las esquinas no me preocupan, lo que me preocupa es el descuadre que se produce :(

[carlosdel1]

alguna otra opcion e lo que podria ser :/

[Frank_Porter]

Cuando tengas el float definido y el padding o margin debes poner display:inline; en tu div para que no te ocurra esto en IE6. Ejemplo:

aqui hace falta el display:inline;
#ejemplo{
width:600px;
float:left;
margin-top:5px;
padding-left:10px;
position:relative;
display:inline;
}

aquí no:

#ejemplo2{
width:600px;
float:right;
}

Saludos