Joomla CSS mal renderizado en IE7 [Alguien que sepa CSS]

[LeoKtrva]

Buenas, el motivo de este post, es que tengo inconvenientes con un template de Joomla y el IE7, el cual renderiza el website mal, con otros navegadores no tengo ningún problema.

El sitio en cuestión tiene en el top/header hacia la derecha un form de login para los usuarios, con el IE7 el form se me va hacia la izquierda y queda muy mal...
Se podrá declarar algo para que lo renderize bien?

Si alguien tiene alguna idea se agradece.

Saludos

[danielcarranza]

Yo de CSS no tengo idea, pero problems de esos los he solucionado con el CSSEdit a puro prueba y error.
Es una aplicación que trabaja con CSS, viendo los resultados a lo WYSIWYG, inclusive podés trabajar en copias de tus CSS y ver los resultados, sin tocar los archivos originales.

[Cin]

¿IE7 sobre OS X o sobre Windows?

[el_nano]

porba el !important
a ver si con el forzado solucionas.

[SuecoMarcus]

Supongo que si tenés problema con IE 7 también tenés problema con IE 6.

Si realmente estás trancado, probá de crear una nueva hoja de estilos que sólo la lea el IE 7 (y anteriores).

<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="iehacks.css" />
<![endif]-->

o si sólo querés que la lea el IE7:

<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="iehacks.css" />
<![endif]-->

Ah, y definí esa hoja luego de haber definido las otras hojas que uses.

[Juanma]

Tenes alguna versión online de la página para que podamos entender mejor el problema? o por lo menos código / screenshots? buscá paddings/margins duplicados, IE no los maneja muy bien

[LeoKtrva]

¿IE7 sobre OS X o sobre Windows?

no ensucies al leopardo....jajaja

Les cuento, soy bastante novato en el tema de programación y de CSS no entiendo nada, modifico los colores con CSS edit y nada mas....
Estuve trabajando por dos dias en el sitio, usando siempre safari, eventualmente firefox y chrome siempre con el felino y sin ninguna ventana de M$.
Al ver el sitio con guindow empezaron los dramas de renderizado con IE6 anda bien, el tema es con los IE7 y IE8

Juanma el sitio en cuestión es www.servinfo.com.uy y qui dejo una copia del css del template http://www.scribd.com/doc/28772338/Template

Saludos y gracias por sus respuestas

[mac.nico]

Yo en IE7 lo estoy viendo bien:




Ahora, IE es una m****, todos estamos de acuerdo, pero tenemos que bancar que la gran mayoria de los usuarios que van a visitar nuestro sitio usan este navegador.
Para estos casos no hay otra que usar el hack que puso SuecoMarcus que consiste en utilizar cierto estilo únicamente para internet explorer.

Copio y pego:

Para IE7 únicamente:
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="iehacks.css" />
<![endif]-->


Para cualquier IE, cambiás el <!--[if lt IE 7]> por <!--[if lt IE]>
Podés linkearlo desde un archivo externo o colocarlo ahí directo:


<!--[if lt IE 7]>
<style type="text/css">
// estilo solo para IE
</style>
<![endif]-->

Esto tenés que ponerlo en el <head></head> del archivo HTML de tu template.

Te recomiendo toques las propiedades padding-right del ja-login, capaz anda por ahí el problema:

<!--[if lt IE 7]>
<style type="text/css">
#ja-login{
padding-right: 0px;
}
</style>
<![endif]-->

Suerte!