2011-01-23 5 views

Répondre

2

Ajouter zoom: 1; et overflow: hidden; ou overflow: auto; au contenu div.

Lorsque vous utilisez float pour les éléments. Les éléments sont conservés hors du flux normal du document.

+0

Merci pour la réponse, mais qu'est-ce que le "zoom: 1;" faire? Est-ce pour la compatibilité entre les navigateurs? – Jake

+0

Ceci est pour Internet Explorer :). Ne me blâmez pas pour le fait que IE suce :) – PeeHaa

+1

Je passe plus de temps à adapter le code pour IE qu'à créer le site lui-même: P Je souhaite que le chrome soit standard ... – Jake

1

depuis que vous êtes en utilisant des flotteurs simplement ajouter à votre overflow: hidden #content div

0

Ajouter les modifications suivantes dans le fichier css. Pour « contenu »

#content{ 
    overflow: auto; 
} 
0

Le problème que vous rencontrez est que les flotteurs ne sont pas effacés, c'est: vous avez deux flottaient divs l'intérieur d'un conteneur et sans compensation.

Suggestions:

flotteur Ajouter: gauche à la div "contenu".

Ajouter un après votre "droite" div. Et dans votre css, ajoutez: .clear {clear: both}

1

Vous pouvez ajouter overflow: auto; à votre # content-div ou l'ajouter à votre div # right et supprimer float: left;. Je préférerais la deuxième façon!

Questions connexes