CSS: le positionnement de mon site sous IE

Fermé
1bit_ou_2 - 27 oct. 2008 à 18:37
1bit_ou_2 Messages postés 2 Date d'inscription lundi 27 octobre 2008 Statut Membre Dernière intervention 2 juin 2009 - 28 oct. 2008 à 08:55
Bonjour,

J'ai un problème de positionnement sur mon site, que je n'arrive pas à régler.
L'ennui est que l'élément n'est pas centré à l'origine et d'après les méthodes que j'ai trouvé je n'arrive à rien.
C'est apparemment les menus du haut qui dérangent, peut-être parcequ'ils sont en margin-left: -XXpx;
Non seulement ils sont déplacés mais en plus le 1er est déformé!
J'utilise Wordpress, et un plugin -Sticky Menu- qui génère le menu du haut -donc à priori je n'ai pas accès à une feuille html-.
Avant ce plugin le menu était généré par wordpress même et là aucun souci quelque soit le navigateur.
J'ai mis ce plugin pour régler un tout autre problème et j'aimerai bien le garder…

Je vous met des captures et un bout de css.

Merci de votre aide.


sur Firefox et Safari (c'est bon!):

http://imageshack.com/f/73siteffln7j



sur Internet Explorer (c'est beurk!):

http://imageshack.com/f/73siteiezu6j




Voilà le code des 2 menu:

/************************************************
	Sticky Menu
************************************************/

ul#navlist {
    float: left;
    position: absolute;
    letter-spacing: .03em;
    font-size: 14px;
font-family: georgia, serif;
    margin-top: 20px;
    margin-left: -70px;
    padding-left: 0;
    white-space: nowrap;
    }

ul#navlist li {
    display: inline;
    list-style-type: none;
    }

ul#navlist li a { 
    padding-top: 20px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 30px;
    border-width: 1px;
color: #777;
    }


ul#navlist li a:link, ul#navlist li a:visited {
    color: #999966;
    background-color: #143969;
    text-decoration: none;
    }

ul#navlist li a:hover, #navlist li.current_page_item a {
    color: #ccccff; 
    text-decoration: none;
    background-color: transparent;
    }
    
/*********/

#navcontainer2{
    position: absolute;
    background: transparent;
    width: 30%;
    margin-left: -70px;
    margin-top: 40px;
    padding: 1em 0;
    font-family: georgia, serif;
    font-size: 13px;
    text-align: left;
    text-transform: lowercase;
    }

ul#navlist2 {
    position: absolute;
    padding-left: 0;
    white-space: nowrap;
     }

ul#navlist2 li {
    display: inline;
    margin: 0;
    padding: 0;
    }

ul#navlist2 li a { padding: 3px 10px; }

ul#navlist2 li a:link, ul#navlist2 li a:visited {
    background-color: transparent;
    color: #646464;
    text-decoration: none;
    }

ul#navlist2 li a:hover {
    background-color: #143969;
    color: #fff;
    text-decoration: none;
    }
A voir également:

1 réponse

1bit_ou_2 Messages postés 2 Date d'inscription lundi 27 octobre 2008 Statut Membre Dernière intervention 2 juin 2009
28 oct. 2008 à 08:55
Besoin d'aide svp :)
0