Annuler l'espace occupé par un float en respectant le W3C

Bonjour,

Question intéressante, a vous de me dire.

Je monte une page web, en css strict, non accessible sur le web.

voici un recap en image

je positionne un élément,

mon souci est l'espace que je n'arrive pas a récupéré sous Firefox, a savoir que mon 3ème élément contient aussi 2 calques en float right et left.

Un clear: both me renvoit cet espace, et sans le clear le float left du 3eme element n'est pas pris en compte.

Je suppose que je ne suis pas le 1er a avoir ce pb, et le resoudre en restant dans les standarts stricts commence à me faire devenir chauve.
Modifié par filobilo (11 Apr 2008 - 16:57)

Bonjour et bienvenue sur Alsacreations!
Peux-tu nous fournir un bout de code sur lequel tu aurais travaillé pour que l'on puisse t'aiguiller au mieux?

je ne peux deposé mon code pour certaines raisons professionnelles que vous comprendrez.

en gros :
<div id="1">
<div id="2"> ELEMENT 1
<div id="2.1" style="float:right"></div>
<div id="2.2" style="float:left"></div>
</div>
<div id="3" style="clear:both"> ELEMENT 2
<div id="3.1" style="float:right"></div>
<div id="3.2" style="float:left"></div>
</div>
<div id="4"> ELEMENT 3
<div id="4.1" style="float:right"></div>
<div id="4.2" style="float:left"></div>
</div>
</div>

L'element 3 se retrouve sous l'element2 avec un espace en hauteur correspondant a la taille de l'element 3.2.

Mouais, ça me semble bizarre cette histoire.
Je veux bien voir une page en ligne.