[CSS] 3 DIV's naast elkaar lukt niet

[eghie]

Ik ben een website aan het maken, maar nu stuit ik op een probleem waar ik niet uitkom. Ik snap zelf ook niet echt waarom het niet werkt. Ik vind het maar vreemd waarom die div's soms zo reageren terwijl ik het heel anders verwacht.

Met tabellen krijg ik de layout heel makkelijk voor elkaar, maar nu wil ik de layout met divjes gaan maken en dat lukt me niet. Ik wil de layout met divjes gaan maken, omdat ik de layout zoveel mogelijk met CSS wil regelen ipv de HTML code. Dit voor een functie binnen een CMS die ik ga bouwen.

Dit is de site met de tabel, waarin het dus wel lukt en hoe ik het dus wil hebben: http://www.datafeest.net/...tsite/tabellen/index.html

Nu wil ik dit dus ook voorelkaar krijgen met Divjes en CSS, maar ik krijg die Content, menu, en link Div maar niet naast elkaar.

De volgende URL is mijn probeersel met Divjes: http://www.datafeest.net/michiel/testsite/divjes/index.html

Deze bevat de volgende CSS:

Cascading Stylesheet:

Body
{
}

Div.Main
{
    width: 900px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: block;
    border: solid 1px black;
}

Div.Logo
{
    width: 100%;
    height: 150px;
    border-bottom: solid 1px black;
    color: White;
    background-color: Blue;
    text-align: center;
    font-size: 4em;
    font-weight: bolder;
    vertical-align: middle;
}

Div.Menu
{
    border-right: solid 1px black;
    background-color: #FFFFFF;
    width: 150px;
    display: block;
    position: relative;
    float: left;
}

Div.Content
{
    width: 400px;
    position: relative;
    display: block;
    text-align: left;
}

Div.Links
{
    border-left: solid 1px black;
    background-color: #FFFFFF;
    width: 150px;
    float: right;
    position: relative;
    display: block;
}

Div.Footer
{
    border-top: solid 1px black;
    width: 100%;
    display: block;
    position: relative;
    text-align: center;
    color: Gray;
}

Wie weet wat ik fout doe? Ik zie namelijk niet wat ik fout doe.

Weet er trouwens ook iemand waar ik dat goed kan leren, om met Divjes een layout te bouwen?

M'n CSS zou wel een beetje rommelig zijn nu met overbodige regels, maar dat komt door het pielen met de CSS om de boel goed te krijgen.

[ Voor 4% gewijzigd door eghie op 21-02-2005 23:09 ]

[Woudloper]

Heb je al eens gezocht hier bij GoT naar 3 columns layout of bij Google naar '3 Columns'? Dit zijn namelijk vrij standaard oplossing waar legio voorbeelden van terug te vinden zijn...

edit:
Op deze site staan links naar heel veel voorbeelden van CSS/HTML oplossing met betrekking tot 3 koloms layout

[ Voor 36% gewijzigd door Woudloper op 21-02-2005 23:15 ]

[André]

http://www.glish.com/css/7.asp
http://www.glish.com/css/2.asp

Daar zou je eens naar kunnen kijken

[eghie]

Woudloper schreef op maandag 21 februari 2005 @ 23:13:
Heb je al eens gezocht hier bij GoT naar 3 columns layout of bij Google naar '3 Columns'? Dit zijn namelijk vrij standaard oplossing waar legio voorbeelden van terug te vinden zijn...

Thnx voor de zoekwoorden. Daar kan ik wel wat mee denk ik. Wist nou niet echt de goede zoekwoorden, ik heb wel pogingen gewaagd, maar dat mocht niet baten.

[ Voor 14% gewijzigd door eghie op 21-02-2005 23:15 ]

[Willem]

Toch is er omtrend dit onderwerp al weet-ik-veel-hoeveel geschreven... check ook a list apart eens.
Sorry maar van dit soort topics hebben we er de afgelopen tijd genoeg gehad.
Genoeg dus ook om in terug te zoeken.