Positionner autour des floats avec class="clear-block"

Date du document original en anglais : 25 Août 2009 - 03h04 - http://drupal.org/node/380906  

De nombreuses mises en page HTML ont besoin d'une indication de positionnement des éléments flottants pour qu'ils n'interfèrent pas avec l'affichage des éléments environnants. Cela se fait en paramétrant la propriété clear de l'élément concerné, mais lorsque l'élément environnant est inconnu on utilise un élément DIV vide avec sa propriété clear paramétrée.

Il y a cependant une façon plus simple de procéder. Le système des feuilles de style Drupal dispose d'une classe très utile : clear-block. C'est une implémentation de la technique décrite dans Position is everything.

( voir aussi : Flux et position relative et Position float chez openweb.eu.org. C'est en bon français, ça ne fait pas de mal :-). NDT)

Pour utiliser la méthode de Position is everything, attribuez simplement la classe clear-block à l'élément qui contient les flottants.

Ainsi, si vous avez une galerie d'images flottantes sous forme de LI, attribuez une 'class="clear-block"' aux UL.

Le core Drupal regorge de nombreux exemples, comme les liens de nodes.