[résolu] IE6 et problème d'alignement de blocs avec un width en %

Bonjour,

je suis tout nouveau dans ce forum et c'est mon premier post (je ne pense pas que ça va être le dernier huhuhu).

J'ai effectué une recherche sur le forum, mais je n'ai pas trouvé la solution à mon soucis.

En fait j'ai fait un bandeau dont le width est à 100 %, ensuite vient le contenu en position relative avec margin 0 auto pour qu'il soit centré.

Une fois de plus c'est un problème avec ie6...
Ma mise en page fonctionne très bien avec ff (évidement).

IE6 me décale mon bandeau...

Je vous transmet ci dessous ma page de test

http://www.mynoo.fr/test/

et enfin le code :

html

<div id="bandeau"></div>
<div id="contenu">
<div id="header">
<h1>Mon logo</h1>
</div>
</div>

La CSS

#bandeau {
display:block;
height: 180px;
width: 100%;
position: absolute;
top: 0px;
margin:0px;
padding:0px;
}

#contenu {
display:block;
width: 990px;
height:1000px;
margin:0 auto;
position: relative;
text-align: left;
}

#header {
margin: 0px;
padding: 0px;
height: 180px;
width: 990px;
display: block;
position: relative;
top: 0px;
}

Je suis débutant donc il faut m'excuser si ce post est une question ou un bug basique

Je vous remercie d'avance pour toute l'aide que vous pouvez m'apporter !!!
Modifié par barney57 (16 Nov 2008 - 15:27)

Salut barney57 et bienvenue sur le forum,

il manque juste un left:0 à #bandeau.

En passant le display:block affecté à tes DIV est inutile puisque c'est le rendu par défaut de cet élément. Le height:1000px risque également d'être une mauvaise idée puisque en ne mettant rien le bloc s'adapte automatiquement à son contenu.

As-tu bien pris le temps de prendre les choses du début ? Un petit tour sur cet article : comment débuter et trouver l'information ?, ainsi que dans les Tutoriels et dans la FAQ devrait déjà bien t'informer sur les standards du web et la manière de faire un site conforme.

Bonne continuation .

Wow !!!

Merci ! ça fonctionne très bien maintenant

Pour le display block c'est vrai que les éléments sont par défaut en bloc ou en ligne, comme je ne savais pas pourquoi ça ne fonctionnait pas et par pure parano j'ai rajouté des display block partout

En tout cas jamais je n'aurais pensé au left:0

Pour le height à 1000 px autant pour moi, je vais vite l'enlever.

Je me pose une autre question c'est sur ma structure de page, en effet :

<div id="bandeau"></div>
<div id="contenu">
<div id="header">
<h1>Mon logo</h1>
</div>
</div>

ça ne me semble pas très clean, avec ce div #bandeau vide, je vais voir si je ne peux pas réaliser quelque chose de plus propre.

Encore merci pour la réponse, ça fait plaisir !!!