HTML - Dimensionnement divs

J'ai une page Web avec les div suivants.HTML - Dimensionnement divs

<div id="main"> 
    <div id=left></div> 
    <div id=right></div> 
</div>

Comme le corps de la page est la couleur de fond bleu et assumer div gauche et div droite sont blancs. lorsque le contenu de dir div right atteint la hauteur de div principale, div principale ne développe pas donc il semble étrange.

Comment puis-je obtenir l'expansion de div principale lorsque div right l'étend?

Espérons que ce n'est pas déroutant.

Malcolm

Source

2009-04-18 Malcolm

Vous devriez probablement renommer votre question: "CSS-Clearing Floats" – GeekJock

Je suppose « gauche » et « droite » signifie que vous les flottez gauche et à droite avec votre CSS.

Si oui, vous devez clear them. Faites votre HTML ressembler à ceci:

<div id="main"> 
    <div id=left></div> 
    <div id=right></div> 
    <br style='clear: both;'> 
</div>

Source

2009-04-18 09:23:19

Ne fonctionne pas? Qu'est-ce que c'est censé faire? – Malcolm

J'ai ajouté un lien expliquant ce qu'il est censé faire. Si cela ne fonctionne pas, vous devez coller votre code CSS. –

pourquoi utilisez-vous BR tag? pourquoi pas juste DIV? Même votre lien que vous avez posté utilise DIV. –

Vous pouvez (devez) utiliser le fichier css de réinitialisation pour gérer ce genre de problèmes de css. Vous pouvez voir une information détaillée sur le fichier css de réinitialisation de Yahoo from here

Espérons que cela vous aide

Source

2009-04-18 10:29:52 Enes

Vos divs 'left' et 'right' sont-ils lancés? Par défaut, votre div 'principal' ne se développera pas autour des éléments flottants qu'il contient. Vous pouvez résoudre ce problème en ajoutant overflow: auto à div#main dans votre CSS.

Source

2009-04-18 10:37:47

Vous pouvez essayer quelque chose comme ceci:

<html> 
<head> 
<style> 
#equal  { 
     overflow: hidden; 
     } 

#left, #right{ 
     padding-bottom: 5000px; 
     margin-bottom: -5000px; 
     width: 150px; 
     } 

#left  { 
     float: left; 
     background-color: red; 
     } 

#right  { 
     float: right; 
     background-color: green; 
     } 
</style> 
</head> 
<body> 
<div id="main"> 
<div id="equal"> 
<div id="left">blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah </div> 
<div id="right">blah blah blah blah blah blah </div> 
</div> 
</div> 
</body> 
</html>

Source

2009-04-18 12:26:26 rsk

Vous devez donner overflow: propriété caché au CSS # principale. Aussi, vous devriez toujours de citer les valeurs d'attribut. (Vous ne l'avez pas fait lorsque vous attribuez des ID aux #left et #right)

Source

2009-04-19 16:29:03 BYK

HTML - Dimensionnement divs

Répondre

Questions connexes