Bonjour à tous !
Voilà je rencontre un petit pb d'alignement que je n'arrive pas à résoudre sous ie6 avec un site que je suis actuellement en train de concevoir.
Il faut savoir que le problème n'est pas sous firefox ou ie7.
Tout d'abord, le code css :
A savoir que la balise header concerne la bannière...
Et pour mieux voir et comprendre le probème, un screenshot sous firefox et sous ie6 :
FIREFOX
http://90plan.ovh.net/~netcars/transfert/firefox.jpg
IE6
http://90plan.ovh.net/~netcars/transfert/ie6.jpg
Voilà, donc comme on peut le voir sous ie6 tout se décalle sur la gauche, et je n'arrive pas à comprendre pourquoi...
Si quelqu'un peut m'aider, sa serait gentil...
Merci
Modifié par Florent V. (29 Oct 2007 - 15:13)
Voilà je rencontre un petit pb d'alignement que je n'arrive pas à résoudre sous ie6 avec un site que je suis actuellement en train de concevoir.
Il faut savoir que le problème n'est pas sous firefox ou ie7.
Tout d'abord, le code css :
/*Global*/
html, body {
height: 100%;
margin: 0;
background: #ffffbb;/*#ffdd44 ;*/
}
/*Blocs et leurs dépendances*/
div#header {
background: url(images/banniere.jpg) no-repeat left top;
color: #fff;
height: 350px;
}
div#header h1 {
margin: 0;
}
div#global {
min-height: 100%;
width: 770px;
margin: 0 auto;
position: relative;
border: 1px solid black;
background: #ffe060;
}
div#center {
overflow: auto;
}
div#footer {
position: absolute;
width: 100%;
bottom: 0;
}
div#footer a {
text-decoration: none;
color: #000;
}
div#content {
float: right;
width: 70%;
/*height:400px;*/
text-align: justify;
font-size: 30pt;
color: #011F39;
margin-right: 40px;
margin-bottom: 50px;
}
/*div#content p {
text-align: center;
}*/
div#sidebar {
float: left;
width: 20%;
}
div#deco {
float: left;
width: 20%;
}
div#sidebar2 {
float: left;
width: 20%;
height: auto;
display: block;
text-align: justify;
border: 1px solid gray;
text-decoration: none;
color: #000;
background: #ffffbb;
font-size: 12pt;
}
div#blocC {
width: 550px;/*550px*/
height: auto;
display: block;
text-align: justify;
border: 1px solid gray;
text-decoration: none;
color: #000;
background: #ffffbb;
font-size: 12pt;
/*margin-left: 5px;
margin-right: 5px;*/
}
...
A savoir que la balise header concerne la bannière...
Et pour mieux voir et comprendre le probème, un screenshot sous firefox et sous ie6 :
FIREFOX
http://90plan.ovh.net/~netcars/transfert/firefox.jpg
IE6
http://90plan.ovh.net/~netcars/transfert/ie6.jpg
Voilà, donc comme on peut le voir sous ie6 tout se décalle sur la gauche, et je n'arrive pas à comprendre pourquoi...
Si quelqu'un peut m'aider, sa serait gentil...
Merci
Modifié par Florent V. (29 Oct 2007 - 15:13)