Rechter kolom te ver naar rechts met CSS

[Vunzz]

Ik ben bezig een site te bouwen met drie kolommen tussen een header en een footer.
Ik wil DIV's gebruiken en geen tabellen om die kolommen etc. te definieren.
Het probleem is nu, dat de rechter kolom veel te ver naar rechts staat en ik zie niet waarom.

code:

#midden {
    width:440px;
    margin-left:292px;
    margin-right:292px;
    padding:0.2em;
    top:200px;
    border-left: 2px dotted #CCCCCC;
    border-right: 2px dotted #CCCCCC;
    }

#midden ul  {
    font:11px/20px verdana, arial, helvetica, sans-serif;
    list-style-type: disc;
    }
    
#links {
    float:left;
    width:292px;
    }

#rechts {
    float:right;
    width:292px;
    }

in de HTML komen eerst de linker en rechter DIV en daarna de middelste.

Het gaat hierom met deze CSS.

Heeft iemand een idee hoe ik de rechter kolom op z'n plek krijg?
ALgemeen comentaar over hoe het beter of netter kan is altijd welkom.

[Zoefff]

Omdat je de rechter kolom float:right meegeeft 'plakt' ie aan de rechterkant van je browser vast, vergroot of verklein je browserscherm maar eens, dan beweegt die kolom mee.

Geef #midden gewoon float:left mee, dan zou de 3e kolom goed terecht moeten komen

[André]

Mjah, je rechterkolom staat bij mij te ver naar links Het ligt er maar net aan hoe groot je window is. Misschien kun je hier eens naar kijken:
http://www.glish.com/css/7.asp

[Vunzz]

Ik zie inmiddels dat het ook nog met je venstergrootte te maken heeft ja...
Daar moet dus ook nog wat aan gebeuren. Eens even het linkje van Andre bekijken.

edit:
Hmm, het nadeel van dat voorbeeld is dat de breedte van alle DIV's variabel is: als je window kleiner wordt worden de DIV's kleiner. In mijn geval moet de header een vaste breedte hebben en dan moet links+midden+rechts natuurlijk net zo breed zijn.

Als ik nou alle kolommen een absolute positie geef, hoe voorkom ik dan dat de footer dwars door kolommen komt als #midden door weinig content te kort is?

[ Voor 57% gewijzigd door Vunzz op 12-09-2005 08:01 ]