[html] hoe dit 'valid' op te lossen

[semicon]

Ik zit met het volgende probleem waar denk ik veel meer mensen al tegenaangelopen zijn.
Ik wil graag mijn sites omzetten naar een opmaak van div's li's enz en het liefst zelfs volledig xhtml.

Ik ben met mede-begin-webdesigners (mooi woord) een hoop aan het discuseren geweest, maar tja.. we weten eigenlijk allemaal niet hoe het nou wel 'valid' conform de regels moet.

Nou wou ik eens weten hoe ik op de meest valide manier het volgende kan oplossen, dit zou namelijk al een heel eind opheldering geven.

HTML:

<div id="header">
  <div id="links"></div>
  <div id="rechts"></div>
</div>

Deze header zou bijv. 70% groot links moeten zijn, en 30% rechts. Wat met tabbellen overigens voor ons geen probleem is.

code:

#header {
    position:relative;
    width:400px;
    padding:0px;
    margin:0px;
}
#links {
    position:relative;
    float:left;
    width:70%
}
#rechts {
    position:relative;
    float:right
    width:30%   
}

ik weet dat jullie geen scripts schrijven voor andere, maar misschien is een voorbeeld als dit wel toegestaan want ik wil er echt van leren

[ Voor 9% gewijzigd door semicon op 09-12-2004 17:15 . Reden: drukte per ondeluk op enter al ]

[Verwijderd]

wat is je bedoeling en wat is je probleem eigenlijk?
doe ze eens allebei links floaten

[mullah]

hmm.. typisch iets voor de floatutorial

kort gezegd: als je "float" gaat gebruiken moet je dat overal doen, en je moet ook zeker "clear" gebruiken want die heeft best wel veel gevolgen.

[André]

Ik zou hier ook eens kijken: http://www.glish.com/css/9.asp

[semicon]

thanks andre, dat helderd al wat op