[html] Problème de div

Bonjour à tous,

j'aimerais faire des lignes verticales espacées de 50px en utilsant des div mais cela ne fonctionne pas elles sont toutes décalées vers le bas au fur et à mesure ....

Voici le code

Code:

---

1 2 3 4 5 6

<div style="position: absolute;top:0px;left:0px;height:500px;width:200px;border:solid 3px red"> <div style="position:relative;left:0px;top:0px;height:200px;width:1px;background-color: #FF0000;font-size:0" ></div> <div style="position:relative;left:50px;top:0px;height:200px;width:1px;background-color: #FF0000;font-size:0" ></div> </div>

---

D'ou vient l'erreur je ne comprends pas mais le div fait un retour chariot par définition d'ou peut être la source du problème.

Avez vous une autre solution ?

Rajoute des 'display: inline' pour supprimer les retours chariots automatiques.

J'ai essayé ta source mais je ne vois pas trop ce que ça doit représenter...

laisse tomber

Apparemment mon erreur venait d'un position:absolute

Très bizarre

merci pour ta réponse