Sponsorised links
2007
Maîtriser le positionnement CSS dans toutes les situations - Alsacréations
Comprendre le positionnement CSS et opter pour des choix adaptés à des situations précises
Sponsorised links
2006
Layout Gala: a collection of 40 CSS layouts based on the same markup and ready for download!
Nombreux exemples de mise en pages CSS avec plusieurs ccolonnes fixes ou liquides.
Understanding "Any order columns"
Comment monter un site web en trois colonne, et changer l'ordre des colonnes en CSS, grâce aux marges négatives
2005
Des blocs de même hauteur sans tableaux - Alsacréations
Les mises en pages en CSS ont de nombreux avantages par rapport aux designs par tableaux.
Cependant, un bloc
ne se comporte pas comme une cellule de tableau et le problème le plus fréquent est que l'on voudrait que deux cellules côte à côte s'adaptent l'une à l'autre lorsqu'elles sont étirées en fonction de leur contenu.
Introduction - In search of the One True Layout
In search of the One True Layout
Pure CSS-based layouts have come a long way but they still have shortcomings [2] that fail to address certain design goals without compromising the true separation of content and presentation.
In short, the problematic design goals are these:
Total Layout Flexibility
That is, the ability to order columns logically in the source while displaying them in any order desired. For any number of columns.
Equal Height Columns
Or more accurately, equal height columns without having to rely on faux columns.
Vertical placement of elements across grids/columns
Designers face the choice of relying on elements being a particular height, resorting to tables or simply not bothering.
Towards a solution
This article shows how to achieve each of these goals, and then how to combine them, creating what could be called the One True Layout™ [3].
1
(12 marks)
