Bonsoir,
Je fait un petit tour sur le forum car j’ai un petit probleme avec mes div sur un site que je suis en train de faire
j’ai donc une image de base que j’ai decouper horizontalement en plusieur partie pour composer mon site
aprés je mets dans mes css des cadre de dimenssion fixe avec pour image de fond les decoupage créer.
a l’affichage sous firefox pas de probleme
mais sous ie sa plante j’ai un petit ecart entre mes div, mais pas tout le temp, juste a deux endroit sur 9 sepeartion azu total
vous avez peut etre une petite idé, je vous colle un bou de code css puis html pour que vous voyez comment j’ai fait ça mal…
Merci de votre aide
CSS:
#header_2 {
HEIGHT: 27px;
MARGIN: auto;
WIDTH: 800px;
BACKGROUND-IMAGE: url('image/decor/2.gif');
BACKGROUND-REPEAT: no-repeat
}
#header_2_centre {
HEIGHT: 27px;
PADDING-LEFT: 155px;
PADDING-RIGHT: 150px
}
#header_3 {
MARGIN: auto;
WIDTH: 800px;
HEIGHT: 16px;
BACKGROUND-IMAGE: url('image/decor/3.gif');
BACKGROUND-REPEAT: no-repeat
}
#menu {
MARGIN: auto;
WIDTH: 800px;
HEIGHT: 23px;
BACKGROUND-IMAGE: url('image/decor/4.gif');
BACKGROUND-REPEAT: no-repeat
}
#header_5 {
MARGIN: auto;
WIDTH: 800px;
HEIGHT: 18px;
BACKGROUND-IMAGE: url('image/decor/5.gif');
BACKGROUND-REPEAT: no-repeat
}
#centre {
MARGIN: auto;
WIDTH: 800px;
BACKGROUND-IMAGE: url('image/decor/centre.gif');
BACKGROUND-REPEAT: repeat-y
}
Et voila pour la partie HTML:
<div id="header_2">
<div id="header_2_centre">
<!-- Menu -->
<table width="100%">
<tr>
<td class="menu_td">Bienvenu dans la Fromagerie Au Vieux Cassant</td>
</tr>
</table>
</div>
</div>
<div id="header_3"></div>
<div id="menu">
<!-- Menu -->
<table class="header_menu">
<tr>
<td class="menu_td"><a href="home.php">Accueil</a></td>
<td class="menu_td"><a href="produit.php">Produits</a></td>
<td class="menu_td"><a href="galerie.php">Galerie</a></td>
<td class="menu_td"><a href="marches.php">Lieus de Vente</a></td>
<td class="menu_td"><a href="mailto:auvieuxcassant@wanadoo.fr">Contact</a></td>
</tr>
</table>
</div>
<div id="header_5"></div>
<div id="centre">
En faisant comme cela j’ai un ecart entre ma div header_3 et menu, et un autre petit ecart entre header_5 et centre…