Page 1 sur 1

balises div

Posté : 13 nov. 2005, 14:51
par donatello
Bonjour à tous,
j'utilise des balises <div></div> pour gérer les différentes parties de ma page: banniere, bas, menu...ça donne ceci:
<div id="banniere">
...
</div>
<div id="menu">
...
</div>
<div id="bas">
...
</div>
Mon pb c'est qu'il y a des espaces entre ces différentes parties de la page, que je voudrais supprimer.
En plus les espaces n'ont pas les mêmes tailles sous ie et firefox.
J'ai mis en css des margin: 0px; mais ça ne change rien.
Je suis obligé de jouer avec des marges négatives pour chaque partie...et si ça colle parfaitement sous ie, ça mord sous firefox et vice versa.

Comment résoudre ce pb d'espaces entre les div?[/code]

Posté : 13 nov. 2005, 16:21
par donatello
petite précision de taille que j'ai oublié:
ce pb d'espaces se se produit qu'autour des images insérées dans une balise div.
ex:
<div id="banniere">
<img src...>
</div>
<div id="menu">
<ul>....</ul>
</div>
j'obtiens un espace d'environ 10px entre div banniere et div menu, avec et sans float pour le menu.

Posté : 13 nov. 2005, 16:43
par nicolas
As-tu un exemple en ligne ?
Là tu nous donnes que de petite portion de ta page et sans la feuille de style. C'est difficile de voir et comprendre ce que tu ne fais pas correctement.

Posté : 13 nov. 2005, 19:45
par donatello
pour voir la page, cliquez ici
Mon pb est l'espace entre la bannière, la barre grise et le menu gauche.

Posté : 14 nov. 2005, 19:44
par Cyrano
Tiens, ça devrait marcher, j'ai réussi sous Firefox avec ceci:

Code : Tout sélectionner

#bandeau { width: 964px; height: 114px; position: relative; top: 0; left: 0; } img.barre { margin: 0px; position: absolute; top: 100px; left: 0; } #menu_gauche { float:left; width: 184px; height: 363px; background-image: url('images/bg_menu.jpg'); background-repeat: repeat-x; padding-top: 0.5em }