2013-02-21 5 views
0

i créé une div principale et split-ted en deux css codechangement div couleur bg

#main { background-color:#FFFFFF; width:1000px;} 
#left { width:750px; float:left } 
#right { width:250px; float:right } 

, mais la couleur de fond ne pas les changements, quand je l'ai changé à

#main { width:1000px;} 
#left { background-color:#FFFFFF; width:750px; float:left } 
#right { background-color:#000000; width:250px; float:right } 

cela fonctionne, mais quand changements de hauteur, il semble ennuyeux je veux changer la couleur de fond de l'ensemble div principal.

+1

Qu'essayez-vous exactement de faire? Tout votre premier exemple est de définir l'arrière-plan au blanc. – meagar

+3

Pouvez-vous mettre en place un jsFiddle? – BenM

+1

Quel est votre code HTML? Est-ce que vos éléments '# left' et' # right' existent dans votre mark-up? –

Répondre

0

Qu'en est si votre principal div obtient un

#main { 
    min-height:100px; 
    max-height:100px; 
} 

il a besoin d'une hauteur pour afficher background-color

si elle ne fonctionne pas montrer la partie html s'il vous plaît

0

Sans le code html ceci est juste une supposition, mais je pense que votre problème est que le div # main a une hauteur de 0. Cela se produit parce que les divs flottants à l'intérieur ne font plus partie du flux de documents. Essayez de définir une hauteur sur la div principale, cela devrait le réparer.

0

Ajouter règle suivante

#main: after {content: " « ; bloc de visualisation; débordement caché; clarifier les deux; hauteur: 0; }

Il effacera les flotteurs et rendra le conteneur aussi haut que la plus haute colonne à l'intérieur.

Questions connexes