> Mais si on ne connait pas la hauteur des colonnes, qu'une est probablement
> plus courte que l'autre, on fait comment ?
Forcément, ca se complique un peu. Il est vrai que sur de nombreux sites, il est écrit qu'il faut bidouiller avec les images d'arrière plan. Pourtant, j'y arrive avec ca :
<div style="background-color: red;">
<div style="width:500px; background: red; float:left;">Texte de la première colonne.</div>
<div style="background: black; color: white; margin-left: 500px;">
Texte de la seconde colonne.
<hr style="visibility: hidden; clear: both;" />
</div>
</div>
Ca passe sous Opera, Firefox, et *apparemment* (je n'ai pas pu tester moi-même) même sous IE, quelle que soit la plus longue des colonnes.
Franchement, le principal frein à l'adoption des CSS, c'est IE. Les styles CSS ne sont pas plus compliqués, une fois qu'on a compris les notions fondamentales.
[^] # Re: Oui mais ...
Posté par Frédéric . En réponse à la dépêche Logiciels libres et contenus web interactifs. Évalué à 3.
> plus courte que l'autre, on fait comment ?
Forcément, ca se complique un peu. Il est vrai que sur de nombreux sites, il est écrit qu'il faut bidouiller avec les images d'arrière plan. Pourtant, j'y arrive avec ca :
<div style="background-color: red;">
<div style="width:500px; background: red; float:left;">Texte de la première colonne.</div>
<div style="background: black; color: white; margin-left: 500px;">
Texte de la seconde colonne.
<hr style="visibility: hidden; clear: both;" />
</div>
</div>
Ca passe sous Opera, Firefox, et *apparemment* (je n'ai pas pu tester moi-même) même sous IE, quelle que soit la plus longue des colonnes.
Franchement, le principal frein à l'adoption des CSS, c'est IE. Les styles CSS ne sont pas plus compliqués, une fois qu'on a compris les notions fondamentales.