hvordan placerer jeg indhod og menu ved siden af hinanden

sådan her: http://www.thenoodleincident.com/tutorials/box_lesson/basic2_fixed.html

nej det går ikke vises ikke ordentligt i firefox, har fundet en anden metode.

lukker her !
PS! ellers tak for dit svar!

Mvh
Mads

*suk*, jo de vises ordenligt i Firefox, det er IE som ikke kan forstå box modellen ordenligt.

Og jeg bruger selv kun firefox, og hvis du læste hvad nudle siger så er det også bedst i firefox.
Hvis du ikke vil give points, så bare sig det, så vigtige er de heller ikke, men når man stiller det med points så skal man give.

<ole>

... og så er det altså grænsende til det komiske, at man bliver ved med at kæmpe med en elendig design-løsning - blot fordi, man har en helt ubegrundet berøringsangst overfor tabeller.

Hvis du gerne vil skrive god kode, burde du da gøre, som W3C anbefaler. Det, du har gang i for tiden, kan kun blive noget skidt  :)

/mvh
</bole>

hej Ole,

jeg har ikke berøringsangst overfor tabeller, jeg synes bare box med modellen med DIV tages er bedre så kan jeg jo altid sætte de tabeller ind jeg syntes der skal være!

mvh
Mads

---> olebole,

Mener du egentlig så at jeg skal smide alle min DIV tags væk for at bruge tabelller istedet?

mvh
mads

Når man er nødt til at bruge JavaScript til at få sit design til at makke ret, har man næsten altid gjort noget forkert - eller i bedste fald noget uhensigtsmæssigt.

Det er ikke godt at neste en masse tabeller inden i hinanden - men når man skal lave kollonner, er det ofte en fordel at bruge en tabel til det job. Derefter kan man fylde alle mulige andre elementer i den.

Der kan også være andre løsninger, alt efter, hvad det er, du ønsker. F.eks. noget à la:

<style type="text/css">
#content {
    position: relative;
    width: 750px;
    height: 800px;
    margin: 0px auto;
}
#content div {
    border: 2px solid red;
}
#content .top {
    height: 100px;
}
#content .left {
    position: absolute;
    top: 106px;
    left: 0;
    width: 140px;
    height: 694px;
}
#content .main {
    position: absolute;
    top: 106px;
    left: 144px;
    width: 602px;
    height: 694px;
}
</style>

<div id="content">
    <div class="top">TopBox</div>
    <div class="left">Menu</div>
    <div class="main">Indhold</div>
</div>