balises div

Eléphant du PHP | 171 Messages

13 nov. 2005, 14:51

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]

Eléphant du PHP | 171 Messages

13 nov. 2005, 16:21

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.

Eléphant du PHP | 353 Messages

13 nov. 2005, 16:43

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.

Eléphant du PHP | 171 Messages

13 nov. 2005, 19:45

pour voir la page, cliquez ici
Mon pb est l'espace entre la bannière, la barre grise et le menu gauche.

Mammouth du PHP | 19672 Messages

14 nov. 2005, 19:44

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 }
Codez en pensant que celui qui maintiendra votre code est un psychopathe qui connait votre adresse :axe: