je continue mon exploration sur les css et j'essaye de faire un site avec trois colonnes. Rien de bien compliquer jusque la, et puis je me dis je vais mettre des bordures sur l'une d'elle donc j'obtiens ça comme code:
Code :
- <div style="float:left; width:30%; background-color:red">
- <p>truc</p>
- <p>truc</p>
- <p>truc</p>
- <p>truc</p>
- <p>truc</p>
- <p>truc</p>
- <p>truc</p>
- <p>truc</p>
- <p>truc</p>
- <p>truc</p>
- <p>truc</p>
- <p>truc</p>
- <p>truc</p>
- <p>truc</p>
- </div>
- <div style="float:left; width:40%; background-color:blue; border: 1px solid #fff;">
- <p>truc</p>
- <p>truc</p>
- <p>truc</p>
- <p>truc</p>
- <p>truc</p>
- <p>truc</p>
- <p>truc</p>
- <p>truc</p>
- <p>truc</p>
- <p>truc</p>
- <p>truc</p>
- <p>truc</p>
- <p>truc</p>
- <p>truc</p>
- </div>
- <div style="float:left; width:30%; background-color:green">
- <p>truc</p>
- <p>truc</p>
- <p>truc</p>
- <p>truc</p>
- <p>truc</p>
- <p>truc</p>
- <p>truc</p>
- <p>truc</p>
- <p>truc</p>
- <p>truc</p>
- <p>truc</p>
- <p>truc</p>
- <p>truc</p>
- <p>truc</p>
- </div>
|
Sous IE pas de probleme j'ai bien mes trois colonnes qui prennent toute la largeur, mais sous mozilla dès que je mets des bordures ma troisieme colonne va à la ligne... Et pourquoi donc ?
Et comment que je fais pour pas avoir ce probleme tout en utisant float?