23 septembre 2013

Outil CSS : étanchéifier des éléments contenants

.ec:before {
    content: "\8";
    display: block;
    height: 0;
    text-indent: -4444px;
}
.ec:after {
    clear: both;
    content: " ";
    display: block;
}

Objectifs :

  1. encadrer des flottants sans recourir à la propriété 'overflow' sur l'encadrant, ni à 'clear' sur l'élément qui suit ;
  2. attribuer une marge supérieure à un élément (non flottant) sans incidence sur l'élément parent ;
  3. avoir la possibilité de tenir compte le cas échéant de Safari 3  :) - testé sur Win 7 - et en oubliant ici IE 6 et 7.