Voici un exemple très intéressant de mise en page dynamique : Resolution dependent layout. Dans cet exemple, trois blocs sont positionnés les uns à côté des autres (Secondary title), si vous redimensionnez la fenêtre de vote navigateur, la largeur de ces blocs va s’adapter jusqu’à une certaine limite où ils vont venir s’empiler les uns au dessus des autres. Une solution élégante de mise en page adaptée à la taille de la fenêtre mais qui ne pénalise pas la lisibilité.
Cet exemple a été bien évidemment réalisé avec du javascript, mais on peut se prendre à rêver de ce que pourront nous apporter les nouvelles propriétés des CSS 3 (et notamment les propriétés Display
, Fit
ou même Crop
).