Comunidad de diseño web y desarrollo en internet online

posición elemento, descuadre en IE

Citar            
MensajeEscrito el 22 May 2006 12:05 pm
Tengo una serie de elementos dentro de una capa relativa posicionados asi:

Código :

#header-top p{
   position: absolute;
   font-family: Tahoma, Arial, Helvetica, Sans-serif;
   font-size: 7px;
   color: #174B5B;
   left: 765px;
   top: 22px;

}
#idioma-uk {
   position: absolute;
   border: 0px;
   left: 870px;
   top: 35px;
   padding: 10;
}
#idioma-es {
   position: absolute;
   border: 0px;
   left: 895px;
   top: 35px;
   padding: 10;
}#idioma-it {
   position: absolute;
   border: 0px;
   left: 920px;
   top: 35px;
   padding: 10;
}


Se vé perfecto en Firefox:


pero en IE me lo descuadra todo.


¿es un bug del IE? ¿Hay algun tipo de hack o alguna solución?

Por OrgasmUs

5 de clabLevel



 

firefox
Citar            
MensajeEscrito el 23 May 2006 03:38 pm
En este caso creo que lo mejor seria usar posicionamiento con Floats.

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Premio_Secretos Team Cristalab

Front-end Developer en Washington, DC

firefox
Citar            
MensajeEscrito el 23 May 2006 04:54 pm
Lo primero gracias NEO_JP, no lo he intentado con floats porque bueno, mientras buscaba articulos sobre CSS para encontrar alguna solución, he encontrado esto: lo he arreglado haciendo una pequeña trampa: usando !important;

Código :

#header-top p{
   position: absolute;
   font-family: Tahoma, Arial, Helvetica, Sans-serif;
   font-size: 10px;
   color: #174B5B;
   left: 765px !important;
   top: 22px !important; 
   top: 33px;
}
#idioma-uk {
   position: absolute;
   border: 0px;
   left: 870px;
   top: 35px !important;
   top: 30px;
   padding: 0px;
}
#idioma-es {
   position: absolute;
   border: 0px;
   left: 895px;
   top: 35px !important;
   top: 30px;
   padding: 0px;
}#idioma-it {
   position: absolute;
   border: 0px;
   left: 920px;
   top: 35px !important;
   top: 30px;
   padding: 0px;
}


He descubierto, que con el valor !important; tras el atributo que quieras, IE no lo reconoce. Lo hacen todos los navegadores menos IE. Asi le ocultas ese atributo, y le das uno especial para él.

No se muy bien porqué, pero el Firefox sigue leyendo el primero y no se hace un lio (por haber 2 atributos que dicen lo mismo). Algo me dice que no estoy utilizando adecuadamente esta regla, pero de momento funciona, ¡y valida!

Pero aun me da un error, la barra horizontal de menu, en IE me la desplaza unos pocos pixeles a la derecha, Si alguna alma caritativa pudiera echarle un vistazo en Firefox y en IE para ver la diferencia... le estaria muy agradecido

lo olvidaba: la URL: http://facciondg.com/webs/comex/2/

Por OrgasmUs

5 de clabLevel



 

firefox
Citar            
MensajeEscrito el 24 May 2006 02:43 am
Si, es una buena forma de ocultar código para IE6- , pero para esto es mas recomendable usar condicionales IE.

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Premio_Secretos Team Cristalab

Front-end Developer en Washington, DC

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.