Souci mise en page entre firefox 2 et 3,5

Bonjour,

J'ai un affichage différent pour la page http://catholique-dijon.cef.fr, au niveau du bloc "centre" calé entre deux flottants. Pour résoudre un problème d'espace blanc vertical au sein de ce bloc, on m'avait conseillé de donner un contexte de formatage à #centre avec overflow:hidden. Cela avait supprimé le problème.

Et on me signale que sous Firefox 2 on ne voit que la moitié droite du bloc centre, le reste est blanc ! J'ai pu le constater en faisant une capture d'écran sur browsercam. Apparemment le souci est le même avec safari. Mais pas avec Internet Explorer...

Quelqu'un aurait-il une idée ?

Merci, Laura

Bonjour,

Il ne faut pas combiner overflow:hidden (et donc contexte de formatage) et marges latérales sur ton bloc central. Les deux peuvent être utilisés pour réaliser une mise en page à trois colonnes, mais si tu les combines tu risque de voir leurs effets combinés.

Les différences entre les comportements des divers navigateurs tient à la gestion des marges latérales en présence de flottants et d'un contexte de formatage, comme démontré ici:
http://covertprestige.info/css/marges-contexte-formatage/ (voir le test 3)

ok, merci Florent.
Donc, si j'ai bien compris, mon problème ne vient pas du overflow:hidden mais des marges. Je me penche là-dessus.

Laura a écrit :
Donc, si j'ai bien compris, mon problème ne vient pas du overflow:hidden mais des marges.

Il ne vient ni de l'un ni de l'autre. Il vient de la combinaison des deux.