Foros del Web » Creando para Internet » CSS »

Problema en ie6 con css

Estas en el tema de Problema en ie6 con css en el foro de CSS en Foros del Web. 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...
  #1 (permalink)  
Antiguo 09/10/2010, 11:01
 
Fecha de Ingreso: julio-2006
Mensajes: 111
Antigüedad: 11 años, 4 meses
Puntos: 0
Problema en ie6 con css

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
  #2 (permalink)  
Antiguo 09/10/2010, 12:22
 
Fecha de Ingreso: agosto-2010
Ubicación: Tenerife
Mensajes: 893
Antigüedad: 7 años, 4 meses
Puntos: 202
Respuesta: Problema en ie6 con css

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
  #3 (permalink)  
Antiguo 09/10/2010, 15:12
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Problema en ie6 con css

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/
  #4 (permalink)  
Antiguo 09/10/2010, 18:11
 
Fecha de Ingreso: julio-2006
Mensajes: 111
Antigüedad: 11 años, 4 meses
Puntos: 0
Respuesta: Problema en ie6 con css

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 :(
  #5 (permalink)  
Antiguo 10/10/2010, 19:37
 
Fecha de Ingreso: julio-2006
Mensajes: 111
Antigüedad: 11 años, 4 meses
Puntos: 0
Respuesta: Problema en ie6 con css

alguna otra opcion e lo que podria ser :/
  #6 (permalink)  
Antiguo 12/10/2010, 03:41
 
Fecha de Ingreso: septiembre-2010
Mensajes: 41
Antigüedad: 7 años, 3 meses
Puntos: 0
Respuesta: Problema en ie6 con css

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

Etiquetas: Ninguno
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 02:29.