[CSS] Bien sur Chrome mais centrer sous IE/FF
imp3rium
Messages postés
21
Date d'inscription
Statut
Membre
Dernière intervention
-
B0nito Messages postés 32 Date d'inscription Statut Membre Dernière intervention -
B0nito Messages postés 32 Date d'inscription Statut Membre Dernière intervention -
Voilà, à fin de pouvoir vraiment commencer mon nouveau site, j'ai besoin de finaliser mon menu.
Mais voilà, sur Chrome, mon menu apparaît comme je le souhaite, mais sur IE et Firefox il est centrer. Je ne comprends pas pourquoi, mon problème doit être banale mais impossible de trouver la solution.
http://imp3rium.free.fr/test/
Voici tous les codes :
HTML :
CSS :
style.css
main.css
Voilà, merci d'avance si vous trouvez solution à mon problème ! [cligne]
Mais voilà, sur Chrome, mon menu apparaît comme je le souhaite, mais sur IE et Firefox il est centrer. Je ne comprends pas pourquoi, mon problème doit être banale mais impossible de trouver la solution.
http://imp3rium.free.fr/test/
Voici tous les codes :
HTML :
<title>Imp3RiuM ▲ Benjamin Lacaille - Website &#9650; SINCE MCMLXXXIX.</title>
<style type="text/css">
<!--
body{
background-image: url(img/border/background.png);
background-position:center;
background-repeat:repeat-y;
margin:0;
}
-->
</style>
<link href="css/style.css" rel="stylesheet" media="screen" />
<link rel="stylesheet" href="css/main.css" type="text/css" media="screen">
<script type="text/javascript" src="js/jquery-1.2.3.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.min.js"></script>
<script type="text/javascript" src="js/jquery.mainmenuslide.js"></script>
<script type="text/javascript">
$(function() {
$("ul").mainmenuslide({
fx: "backout",
speed: 800,
click: function(event, menuItem) {
return true;
}
});
});
</script>
</head>
<body>
<div id="header">
<div class="header">
<div class="header_navigation">
<ul class="mainmenuslide">
<li><a href="#" alt"">HOME</a></li>
<li><a href="https://www.tumblr.com/privacy/consent?redirect=http%3A%2F%2Fimp3rium.tumblr.com%2F" target="_blank"><img src="img/tumblr.png" width="77" height="18" border="0"/></a></li>
<li><a href="http://imp3rium.free.fr/cult.html">CULT</a></li>
<li><a href="mailto:x._imp3rium_.x@hotmail.fr">CONTACT</a></li>
</ul>
</div>
</div><!-- end header_navigation-->
</div><!-- end header -->
<p align="center">dvvfgvfvfv</p>
</body>
</html>
CSS :
style.css
/**** Links ***/
a:active, a:visited, a:link { color:#FFF; text-decoration:none; }
a:hover { color:#FF0066; }
/**** Header ***/
#header{
width:1000px;
height:108px;
margin:auto;
}
.header{
background: url(../img/border/background_header.png) no-repeat;
margin:auto;
height:200px;
position:fixed;
width:1000px;
}
.header_navigation{
float:right;
width:550px;
height:24px;
margin:16px 0px 0px 240px;
position:fixed;
}
/**** content ***/
#content{
width:940px;
margin:auto;
border-left:1px solid gray; border-bottom:1px solid gray ; border-right:1px solid gray ;
padding: 30px;
min-height:500px;
}
/**** Footer ***/
#footer{
width:1000px;
margin:auto;
}
main.css
.mainmenuslide {
height: 29px; width:550px;
background: url("../img/border/background_main.png") no-repeat top; position: relative;
padding: 15px 0 15px 0; margin: 0 -10px 0;
}
.mainmenuslide li {
padding: 16px 0 11px 25px; margin: -18px 0 0 9px;
float: left; list-style: none;
}
.mainmenuslide li.back {
background: url("../img/border/hover_main.png") no-repeat right -52px;
width: 9px; height: 30px; padding: 0px 0 22px 0;
z-index: 1; margin: -12px 0 0 8px; position: absolute;
}
.mainmenuslide li.back .left {
background: url("../img/border/hover_main.png") no-repeat top left ;
padding: 0px 0 22px 0; height: 30px; margin-right: 24px;
}
.mainmenuslide li a {
font: bold 14px arial;
top: 7px; z-index: 2; float: left;
height: 30px; position: relative;
margin: auto 10px; outline: none;
}
Voilà, merci d'avance si vous trouvez solution à mon problème ! [cligne]
A voir également:
- [CSS] Bien sur Chrome mais centrer sous IE/FF
- Mise a jour chrome - Accueil - Applications & Logiciels
- Google chrome - Télécharger - Navigateurs
- Exporter favoris chrome - Guide
- Changer dns chrome - Guide
- Rouvrir onglet fermé chrome - Guide
