CSS: le positionnement de mon site sous IE
1bit_ou_2
-
1bit_ou_2 Messages postés 2 Statut Membre -
1bit_ou_2 Messages postés 2 Statut Membre -
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:
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:
- CSS: le positionnement de mon site sous IE
- Css download - Télécharger - HTML
- Enlever soulignement lien css ✓ - Forum CSS
- Enlever le soulignement d'un lien css ✓ - Forum Réseaux sociaux
- Css ligne horizontale ✓ - Forum CSS
- Enlever le soulignage des lien. - Forum CSS