Middle Div pas complètement étendu sur la ligne, pic inclus

Question

Having problem with the middle Div not expanding to the width http://acs.graphicsmayhem.com/images/middiv.jpg

Ok, comment puis-je le Moyen div d'étendre à son intégralité ?? J'ai lutté avec ce problème pendant des heures maintenant. S'il vous plaît quelqu'un peut-il m'aider ?? Je ne vais pas utiliser de tables, je sais que cela doit être possible.

Merci.

Answer 1

Définir une marge gauche et droite égale à l'écart div + thos 5px gauche et droite vous avez besoin entre.

Ce serait:

margin:0 205px; 

et ne flottent pas le milieu div. Placez le div flottant droit devant le flottant gauche, et le div moyen comme dernier en html (élimine le bug IE6).

Answer 2

Beaucoup de choses ont été écrites sur la disposition simple, idéale et intuitive à trois colonnes. Celui-ci est assez bon, et je l'ai trouvé relativement facilement modifiable, les deux fois que je l'ai utilisé: http://matthewjamestaylor.com/blog/perfect-3-column.htm

Answer 3

Cela devrait fonctionner:

width: 100%; 
margin-left: 205px; 
margin-right: 205px; 

Vous aurez également besoin de ne pas flotter sur cette div, alors.

Answer 4

Vous ne savez pas pourquoi vous utilisez la div. En supposant:

<div id="container"> 
    <div id="header">...</div> 
    <div id="content"> 
    <div id="left">...</div> 
    <div id="main">...</div> 
    <div id="right">...</div> 
    </div> 
</div> 

dix:

#container { margin: 0 auto; /* fixed or floating width */ } 
#header { margin: 5px; } 
#container { overflow: auto; margin: 5px; } 
#left { float: left; width: 200px; } 
#right { float: right; width: 200px; } 
#content { margin: 0 205px; }