Plan de site Navigation
Blog & Blues Techniques et Standards de la Qualité Web

Accueil > weblog


- Lire le billet précédent - Lire le billet suivant -

display: run-in et compact

Par Laurent Denis, le 11 juin 2004.

Commis dans les commentaires du billet de Raphael Goetter consacré aux valeurs de la propriété CSS display : run-in et compact ne sont pas si déroutants que cela, en fait : dans les deux cas, on joue sur le display d'une boîte bloc pour la forcer à admettre sur la même ligne la boîte bloc qui la suit, sans recourir au float ni au position:absolute ou relative.

Si on retient bien qu'on vise le cas de deux boîtes blocs qu'on veut faire figurer sur la même ligne, il est logique que run-in et compact se comportent de manière variable :

  • Comme des boîtes en ligne particulières lorsqu'ils sont suivis d'une boîte bloc ;
  • Comme des boîtes blocs lorsqu'ils sont suivis d'une boîte en ligne, puisque ce n'est pas le cas de figure visé.

La différence entre run-in et compact ?

  • compact force simplement la boîte compacte à admettre la boîte suivante sur sa ligne, si la largeur de celle-ci le permet, avec un mode de gestion des marges particulier ;
  • run-in transfère carrément la boîte en enfilade en tant que boîte en ligne dans la boîte bloc suivante (c'est simplement le comportement naturel des puces et des nombres dans les <ul> et dans les <ol>)

Trackbacks

Les trackbacks pour ce billet sont temporairement fermés en raison d'une série d'attaques de spam.

Commentaires

glandium, le 13 juin 2004

Tiens, quand j'avais fait des tests de run-in et compact, il y a fort longtemps, ça marchait pas. Ça marche mieux, maintenant ? (flemme de tester :-p )

Laurent Denis, le 13 juin 2004

Opera 7.x supporte parfaitement run-in et compact, Safari déclare les supporter (non testé), IE5 Mac supporte (mal) run-in.

Les commentaires pour ce billet sont temporairement fermés en raison d'une série d'attaques de spam.