problème de mise en page page web dans firefox 3.6/mac os

Question

Cette page web ne s'affiche pas correctement dans firefox 3.6/mac os.

http://solcuisine.com/dev/?page_id=2

.. et voici à quoi il ressemble dans firefox3.6/mac:

firefoxmac.png situé dans dev/du même domaine (désolé, ne peut pas poster plus d'un lien ici)

http://solcuisine.com/dev/firefoxmac.png

Le CSS a été validé en w3.org. Et la page semble correcte dans firefox 3.6 dans vista/xp, safari, chrome, ie8/7 et opera. Impossible de comprendre quel est le problème spécifique dans css.

Toute aide serait appréciée.

Answer 1

trouvé le problème:

Vous devez désactiver "overflow: auto" dans #content .page (ligne style.css 295)

Il ressemble à ce moment:

#content .page { 
    background:url("images/pagecontent-bg.png") repeat-x scroll center bottom #FFFFFF; 
    overflow:auto; /*DELETE THIS LINE*/ 
    padding-bottom:50px; 
} 

Ensuite, vous devez ajouter une "pause libre". Si vous ne l'avez pas déjà, créez un style appelé clear:

.clear { clear:both; } 

Ensuite, insérez la coupure libre après la fin de votre colonne de droite. Comme si:

<div class="right"> 
    ...your right columns is here... 
</div> 
<br class="clear" /> 

Cela va résoudre le problème.