Discussion :

[bond70]

Salut à tous,

J'ai un problème pour aligner 3 DIV horizontalement.

Voici ma page web : http://tinyurl.com/ps5wltz

Sur Firefox j'ai trois colonnes DIV avec le nom/prénom des infirmiers. Sur Chrome ces trois colonnes ne sont pas alignées et elles dépassent même sur le cadre rouge...

Bon sur Firefox :


Mauvais sur Chrome :


Pouvez-vous m'expliquer pourquoi ? (j'ai fait plusieurs essai avec des float sans succès)

Merci,

[ABCIWEB]

Salut,

Tu peux ajouter clear:both sur la div qui est chevauchée :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

style= "margin-top: 200px; border: 2px solid red; max-width: 440px; margin-left: auto; margin-right: auto;padding: 10px;clear: both;"

Ainsi sous chrome la div n'est plus chevauchée par la précédente qui fait un retour ligne par manque de place car sous chrome la fonte par défaut n'est pas identique à celle de firefox. Donc pour avoir le même comportement sur tous les navigateurs il faudrait formater les css par défaut notamment la fonte et taille du texte.