Raaahh ! Un de mes blocs déconne à mort

akra · frontpage mioche

Bon voilà un problème de blocs que je n'arrive pas à résoudre.

Le code :

<body>
<div id="header">

</div>

<div id="main">

<div id="colgauche">
texte...
</div>

<div id="coldroite">
texte...
</div>

<div id="colmilieu">

<div class="entetemilieu">
<h1>Titre milieu</h1>
</div>
long texte...
</div>
cleaner
</div>

</div id="pied">
</div>
</body>

css :

#header {}
#main{}
#colgauche {width:180px}
#coldroite {width:180px}
#comilieu {margin:0 180px}
#footer{}
.entetemilieu {margin:0;padding:0;border-bottom:1px solid #000}

Voilà. Le problème, c'est que le
<div class="entetemilieu"><h1>Titre milieu</h1></div>
n'occupe pas toute la largeur de la colonne du milieu. C'est comme s'il y avait des bordures blanches sur ses côtés qui l'empêchait de s'étendre sur toute la longueur de la colonne du milieu.
Avec un width:100%, ce bloc occupe bien tout l'espace, mais il ne reste pas tout en haut de la colonne (sous IE), il laisse un long espace vide entre le haut de la colonne et le début du div.

Bref, ça m'énerve. Tout est ok sauf ce sacré bloc ! J'ai essayé de modifier tout ce que je pouvais mais là ça dépasse mes compétences.

nomade · frontpage mioche

Salut,

Je ne peux pas t'aider car je débute et j'ai un peu le même problème, mais je voulais juste te dire que pour ton H1 le bloc div est superflu, tu peux remplacer

akra · frontpage mioche

C'est gentil, mais le bloc div qui entoure ma balise H1 me sert pour beaucoup d'autres balises et au final je fais une économie. Comme dit sur alsacreation, il faut faire des économies de div, mais pas les éviter à tout prix.

nomade · frontpage mioche

Oui bien sûr, c'est juste que croyais qu'il était superflu d'après ton code, s'il ne l'est pas y a pas de raison de l'enlever Wink

Bon courage