position <div> différente selon le navigateur

Bonjour,

Je suis sous Linux et Firefox, donc je n'ai pas IE comme navigateur.
Lorsque je positionne des <div>, je constate que leur position changent suivant le navigateur. Surtout que je place les <div> sur Firfox et quand je peux voir le résultat sur IE :calim2:, c'est vraiment du n'importe quoi.

Comment faire pour placer les <div> au même endroit sous Firfox et IE ?

Code:

---

1 2	echo"<div id=\"ad1\">"; echo"</div>";

---

dans ma page.css

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

#ad1 { background-color:#FBE706; border-radius:1em; -moz-border-radius:1em; -webkit-border-radius: 1em; width: 130px; height: 610px; position: absolute; left: 20px; right: 0px; bottom: 0px; top: 370px;   }

---

ça n'a rien à voir avec du javascript (enfin à première vue en tout cas), mais plutôt du css, essaye déjà de faire :

Code:

---

1 2 3 4

*{ margin: 0; padding: 0; }

---

ça enlève toutes les marges (internes et externes) par défaut de tous tes éléments.

Bonsoir,
mettre une width, et une height quand on défini le left, top, right et bottom n'est peut être pas judicieux, la width et la height devraient primer.

Je déplace vers le forum CSS

Bah en fait je mets width et height car c'est comme un cadre pour une image ou un bandeau de pub. Si je l'enlève la <div> va peut être être trop grand ou trop petit.

pour dimensionner une DIV tu n'as pas besoin de mettre bottom et right si tu mets une width et une height

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

#ad1 { background-color:#FBE706; -moz-border-radius:1em; -webkit-border-radius:1em; border-radius:1em; /* a mettre en dernier */ width:130px; height:610px; position:absolute; top: 370px; left:20px; /*   right:0px;   bottom:0px; */ }

---

je n'ai pas vu de problème avec le code que tu as mis.

On notera toutefois que le positionnement ce fait par rapport au premier parent positionné, il se peut qu'il y ait un effet de bord dans ce cas.