[css] 3 kolommen naast elkaar wil niet

[Verwijderd]

Nu ben ik bezig met een website, die totaal is gecentreerd door de #container, daarin heb ik een bovenstuk met balk en daaronder 3 kolommen.

Kolom 1 - Kolom 2 - Kolom 3
150px - 480px - 140px

Nu wil het mij maar niet lukken om die maten goed te krijgen.
Ik kom er echt niet uit, heb al enkele uurtjes liggen stoeien.

Link: http://home.hccnet.nl/n.vervoort/fout/indexfout.htm
Css: http://home.hccnet.nl/n.vervoort/fout/css/stylesheetfout.css

Vermoedelijk komt het door de /* IE5-win fudge begins */ hack.

Als iemand mij kan verlossen, graag!

[IschaGast]

Als je er nou eens van maakt:

Cascading Stylesheet:

padding: 0 20px;

En dan is 480px - 20 padding left en 20 padding right nog altijd 440px;
Dus dan moet het worden:

Cascading Stylesheet:

width: 480px; /* IE5-win fudge begins */
voice-family: "\"}\"";
voice-family: inherit;
width: 440px;

Cascading Stylesheet:

html>body #main {
    width: 440px; /* IE5-win fudge ends */
}

Denk dat je dan al een stuk verder bent in ieder geval.

Verder is dit mosschien een handige paina voor je: http://www.pixy.cz/blogg/clanky/css-3col-layout/

[ Voor 79% gewijzigd door IschaGast op 09-01-2005 13:04 ]

[SillyJW]

Hier ook nog een 3 kolom voorbeeldje..
http://www.nwillem.nl/files/divdoolhof.html

[Verwijderd]

Dankjewel beide, ik ben mooi een stuik verder nu. Bedankt!

[Verwijderd]

zorg er ook voor dat er geen rare fouten meer inzitten als

code:

<title>Fout waar?</title></title>

[Verwijderd]