Problème affichage IE6
psym0n007
Messages postés
17
Statut
Membre
-
psym0n007 Messages postés 17 Statut Membre -
psym0n007 Messages postés 17 Statut Membre -
Bonjour à tous,
cela plusieurs heures que j'essaye de m'aligner sur IE6 et malgrès 1000 tentatives impossible d'y arriver
voici le problème:
[URL=https://imageshack.com/][IMG]http://img408.imageshack.us/img408/1533/ie6g.jpg[/IMG][/URL]
comme vous pouvez le voir j'ai ma div #navbar plus grande sur IE6
voici mon code:
HTML
<link rel="stylesheet" type="text/css" href="homecss.css" />
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="homeie6.css" />
<![endif]-->
</head>
<body>
<div id="global">
<div id="index_up">
<a href= "http://baignoires.canalblog.com" class="police" > <img class="border" src="anglais_up.jpg" alt="anglais"/></a>
<a href= "http://baignoires.canalblog.com" class="police" border="0" > <img class="border" src="francais_up.jpg" alt="francais"/></a>
</div>
</div>
<div id="container">
<div id="topbar">
<img src="../bannierehome.jpg" alt="Banniere de la page d'accueil" />
</div>
<div id="navbar">
<a href= "http://baignoires.canalblog.com" class="police" > <img class="border" src="bouton3.jpg" onmouseover="this.src='boutonhistoire.jpg';" onmouseout="this.src='bouton3.jpg';" alt="francais"/></a>
<a class="rapproch" href= "http://baignoires.canalblog.com" class="police" > <img class="border" src="bouton3.jpg" onmouseover="this.src='boutonhistoire.jpg';" onmouseout="this.src='bouton3.jpg';" alt="francais"/></a>
<a class="rapproch" href= "http://baignoires.canalblog.com" class="police" > <img class="border" src="bouton3.jpg" onmouseover="this.src='boutonhistoire.jpg';" onmouseout="this.src='bouton3.jpg';" alt="francais"/></a>
<a class="rapproch" href= "http://baignoires.canalblog.com" class="police" > <img class="border" src="bouton3.jpg" onmouseover="this.src='boutonhistoire.jpg';" onmouseout="this.src='bouton3.jpg';" alt="francais"/></a>
</div>
CSS:
body{
background-image:url(../fond12.jpg);
}
#global{
width:960px;
margin:0 auto;
padding-bottom:20px;
}
#index_up{
width:57px;
float:right;
height:15px;
}
#container{
width:960px;
margin:0 auto;
border: 3px;
border-color: #081720;
border-style: solid;
}
#topbar{
width:auto;
display:block;
height:137px;
}
#navbar{
width:auto;
display:block;
height:40px;
border-color: #081720;
border-style :solid;
border-left :none;
border-right:none;
background-color:red;
}
.rapproch{
margin-left:-4px;
}
CSS IE6
#index_up{
margin-bottom:-40px;
}
#topbar{
margin-left:1px;
}
#navbar{
border: 3px;
background-color:red;
}
cela plusieurs heures que j'essaye de m'aligner sur IE6 et malgrès 1000 tentatives impossible d'y arriver
voici le problème:
[URL=https://imageshack.com/][IMG]http://img408.imageshack.us/img408/1533/ie6g.jpg[/IMG][/URL]
comme vous pouvez le voir j'ai ma div #navbar plus grande sur IE6
voici mon code:
HTML
<link rel="stylesheet" type="text/css" href="homecss.css" />
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="homeie6.css" />
<![endif]-->
</head>
<body>
<div id="global">
<div id="index_up">
<a href= "http://baignoires.canalblog.com" class="police" > <img class="border" src="anglais_up.jpg" alt="anglais"/></a>
<a href= "http://baignoires.canalblog.com" class="police" border="0" > <img class="border" src="francais_up.jpg" alt="francais"/></a>
</div>
</div>
<div id="container">
<div id="topbar">
<img src="../bannierehome.jpg" alt="Banniere de la page d'accueil" />
</div>
<div id="navbar">
<a href= "http://baignoires.canalblog.com" class="police" > <img class="border" src="bouton3.jpg" onmouseover="this.src='boutonhistoire.jpg';" onmouseout="this.src='bouton3.jpg';" alt="francais"/></a>
<a class="rapproch" href= "http://baignoires.canalblog.com" class="police" > <img class="border" src="bouton3.jpg" onmouseover="this.src='boutonhistoire.jpg';" onmouseout="this.src='bouton3.jpg';" alt="francais"/></a>
<a class="rapproch" href= "http://baignoires.canalblog.com" class="police" > <img class="border" src="bouton3.jpg" onmouseover="this.src='boutonhistoire.jpg';" onmouseout="this.src='bouton3.jpg';" alt="francais"/></a>
<a class="rapproch" href= "http://baignoires.canalblog.com" class="police" > <img class="border" src="bouton3.jpg" onmouseover="this.src='boutonhistoire.jpg';" onmouseout="this.src='bouton3.jpg';" alt="francais"/></a>
</div>
CSS:
body{
background-image:url(../fond12.jpg);
}
#global{
width:960px;
margin:0 auto;
padding-bottom:20px;
}
#index_up{
width:57px;
float:right;
height:15px;
}
#container{
width:960px;
margin:0 auto;
border: 3px;
border-color: #081720;
border-style: solid;
}
#topbar{
width:auto;
display:block;
height:137px;
}
#navbar{
width:auto;
display:block;
height:40px;
border-color: #081720;
border-style :solid;
border-left :none;
border-right:none;
background-color:red;
}
.rapproch{
margin-left:-4px;
}
CSS IE6
#index_up{
margin-bottom:-40px;
}
#topbar{
margin-left:1px;
}
#navbar{
border: 3px;
background-color:red;
}
6 réponses
-
Ton problème c'est qu'il y a du rouge en dessous de ton menu sur IE6 ?
( il y a encore des gens qui ont ie6 ? ) -
pour mon T.F.E malheureusement oui mon site doit tourner sur tout les navigateurs
même si IE6 devient quasiment inutilisé
c'est ça oui le problème est bien la,normalement le fond ne doit pas être rouge
mais pour qu'on voit mieux le problème justement,j'ai mis en rouge le fond -
Si tu veux, le fait de faire une feuille juste pour ie est bien. Seulement tu dois répéter les propriétés de tes balises, car le navigateur ne prendra les informations que du css qui lui est propre. En modifiant bien sur, ce qui doit l'être.
Juste deux chose :
- En ce qui concerne le css normal, tu choisies la couleur et le style de ta bordure mais pas la taille. Donc ca ne marche pas ?
- Pourquoi tu as mit display:block ? -
pour la première question je ne suis pas bien sur de comprendre
je n'ai pas mis de "border= **px;" d'accord mais la bordure s'affiche standardisé donc où est le problème
et si je travaille en display:block
c'est tout simplement parce que IE6 ne fonctionne pas avec display:inline;
mais je ne pense pas que ces réponses aideront à mon problème -
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
-
