Foros del Web » Creando para Internet » CSS »

descuadrado en IE6 y IE7

Estas en el tema de descuadrado en IE6 y IE7 en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 04/06/2009, 14:40
Avatar de ccs_diego  
Fecha de Ingreso: diciembre-2008
Ubicación: Bogota
Mensajes: 40
Antigüedad: 9 años
Puntos: 1
descuadrado en IE6 y IE7

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
  #2 (permalink)  
Antiguo 04/06/2009, 18:57
Avatar de Kristhoff  
Fecha de Ingreso: abril-2009
Ubicación: Popayán - Cauca
Mensajes: 550
Antigüedad: 8 años, 7 meses
Puntos: 12
Respuesta: descuadrado en IE6 y IE7

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.
  #3 (permalink)  
Antiguo 05/06/2009, 02:47
 
Fecha de Ingreso: mayo-2009
Ubicación: Vigo
Mensajes: 66
Antigüedad: 8 años, 6 meses
Puntos: 3
Respuesta: descuadrado en IE6 y IE7

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.
  #4 (permalink)  
Antiguo 05/06/2009, 11:02
AlvaroG
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: descuadrado en IE6 y IE7

No se trata de un problema de Joomla.
Moviendo a CSS.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:11.