Accueil > weblog
- Lire le billet précédent - Lire le billet suivant -
Maîtrisez vos "clear:left", "right" et autres "both"
Par Laurent Denis, le 29 janvier 2006.
Dans la section Articles de Blog & Blues, parution d'un rapide rappel d'une utilisation souvent peu connue des propriétés overflow, display:table-cell, display:inline-block (et quelques autres) pour limiter l'effet d'une propriété clear à certains blocs flottants de votre page : Float, clear et contextes de formatage
Je n'ai pas eu pour l'instant la possibilité de tester de manière approfondie le support de ce mécanisme CSS2.1 dans les navigateurs Mac et Linux : vos remarques seront les bienvenues 
Note: la parution de cet article est également l'occasion de tester pour la section "Articles" l'intégration de Mediawiki qui fait à présent tourner Blog & Blues hors weblog
Trackbacks
Les trackbacks pour ce billet sont temporairement fermés en raison d'une série d'attaques de spam.
Commentaires
Philippe, le 29 janvier 2006
En ce qui concerne les propriétés générant un contexte de formatage, il faut noter que Opera et Safari font des erreurs concernant les margin-left et margin-right.
Compare mes tests (Gecko et iCab sont corrects):
dev.l-c-n.com/IEW/simulat...
dev.l-c-n.com/IEW/table-f...
iCab est un autre de ces 'navigateurs habituellement conformes...'
Raphael, le 29 janvier 2006
Excellent article !
Par contre, la conclusion finale ne parait pas claire pour un non initié :
- suffit-il d'avoir recours à un height:1% ?
- faut-il y ajouter un overflow: auto; ?
- doit-on mixer les deux ? Si oui, comment concrêtement ?
Je pense qu'une solution plus explicite ferait des heureux
Olivier G., le 29 janvier 2006
Il n'y a pas de fil RSS pour suivre la section articles ?
Laurent Denis, le 30 janvier 2006
La parution des articles est annoncée sur le blog, et peut être suivie via le fil RSS de celui-ci.
[edit]Ajout d'une catégorie permettant de ne suivre que les annonces de parution d'article : fil RSS articles[/edit]
Laurent Denis, le 30 janvier 2006
@Raphaël : je ne tiens pas à donner des codes XHTML CSS prêts à l'emploi. Copiés collés tels quels par beaucoup de gens et appliqués à des cas où ils conviennent pas, ils sèment plus de confusion qu'autre chose.
Nost, le 23 février 2006
La conclusion me paraît, à moi aussi, un peu équivoque... Je retiens que de toute façon, quelle que soit la solution, ça va être galère pour que tous les navigateurs l'accepte. Autant faire une mise en page différente ?!?
Les commentaires pour ce billet sont temporairement fermés en raison d'une série d'attaques de spam.