descuadrado en IE6 y IE7

[ccs_diego]

Hola a todos.

Tengo un portal joomla 1.5.8 y se ve perfecto en Firefox 3 pero en IE6 y IE7 se corre un poco hacia la izquierda. He modidicado las caracteristicas de la plantilla pero aun asi se ve corrido. Lo pueden ver en

supolitica.com

Este es el archivo css para IE6



#ie6 {
position: absolute;
top: 0px;
left: -5px;
display: block;
height: 220px;
width: 100%;
filter: alpha(opacity=94);
background: #fff;
border-bottom: 4px solid #999;
z-index: 1001;
}
#ie6 div {
width: 1024px;
height: 210px;
margin: 0 auto;
color: #333;
line-height: 20px;
background: transparent url('../images/ie7.gif') no-repeat 0 0;
padding-left: 256px;
}
#ie6 h2 {
color: #ff0000;
margin-bottom: 0;
}
#ie6 h3 {
color: #4574A1;
margin-bottom: 10px;
}


Este es el css para IE7



.nav {
z-index: 10000;
}
#member_area .rf div.search {
margin-top: 0;
}
#member_area .rf div.search input.button {
padding:0;
}

.loginposition li{
padding-right: 6px !important;
}

GRACIAS

[Kristhoff]

Hola
para mejorar la visualizacion en los navegadores como recomendacion elige una plantilla con css para cada uno, es decir muchas plantillas traen un css para ie6, otro css para otro navegador...etc. Esto ayuda a que el sistema mismo escoja el css para una mejor visualizacion. Si decidiste crear tu plantilla te recomendaria el artisteer v.2 ya que te genera automaticamente estos css.

[jose1707]

Para adaptar los estilos a cada navegador, lo mas sencillo es utilizar los hacks que existen disponibles para ie6 e ie7:

jmsgtecnologias.blogspot.com/2009/05/internet-explorer-la-pagina-no-sale.html

Si tienes algun padding o margin de la forma padding: 0 15px; a mi me dieron problemas con ie6, desde entonces siempre pongo padding 0px 0px 0px 15px;

Un saludo.

[AlvaroG]

No se trata de un problema de Joomla.
Moviendo a CSS.