Incompatibilidades con iexplorer
946 visitas
Categoría CSS
Incompatibilidades con iexplorer
|
| #0 |
 |
Sking0rZ |
Usuario |
24 abr 05 |
|
|
Estoy haciendo un nuevo diseño de mi web, pero tengo un problema con la maquetacion ya que, como no, iexplore muestra las cosas como le da la gana:
http://205.209.181.140/~sking0rz/v2/
El problema que tengo es con el menu que hay debajo de noticias, ya que el hover no me funciona con explorer y los margenes son distintos. ¿Como puedo hacer para que se vea igual?
Codigo css:
div#menu_noticias
{
position:absolute;
border: 1px solid #6A6A6A;
border-top:0px;
width:120px;
height:100px;
margin-left:334px;
margin-top:37px;
background-color:;
z-index:99;
background: #484848;
}
div#menu_noticias li
{
background-color: #F7F9FC;
border-bottom: 1px solid #555555;
height:15px;
color: #4C4C4C;
padding-left:3px;
}
div#menu_noticias li:hover
{
background-color: #E3E8F7;
border-left: 3px solid #5F81E4;
} |
Re: Incompatibilidades con iexplorer
|
| #1 |
|
Bleed |
Usuario |
24 abr 05 |
|
|
Primero debes saber que IE solo permite aplicar estados a la etiqueta <A> por lo que en vez de usar divs, puedes usar <a> utilizando padding para agrandarlos y poco a poco darle un aspecto de boton.
Luego, para posicionar el menu, te va a tocar hacer un apaño para expecificar un margen determinado solo para IE. Fijate:
Para ello despues de div#menu_noticias { } puedes añadir. ( Recuerda que debe de ser despues, sino se sustituirian los valores que has expecificado )
* html div#menu_noticias
{
margin-left: 270px;
}
Utilizando * html , modificamos el margen ( es un bug que tiene IE ) de está forma puedes ir adaptando la posición ( he puesto 270px a ojo ).
Espero que te sirva |
Re: Incompatibilidades con iexplorer
|
|
| #2 |
|
Sking0rZ |
Usuario |
24 abr 05 |
|
|
ok, voy a probar todo lo que me has comentado y luego te digo como me fue |
Re: Incompatibilidades con iexplorer
|
|
| #3 |
|
Bleed |
Usuario |
25 abr 05 |
|
|
Por lo que veo, te a funcionado ;) |
xDD
|
| #4 |
|
Arias |
Usuario |
05 ago 05 |
|
|
o eso o la palmo en el intento xDDDD Zas! en toda la boca...
|
Responder mensaje
Para poder participar debes estar registrado e identificado. Si no estás registrado como usuario de PHP-Hispano,
:: Registrar ::
