[css] nesten van divs

[Foutlook]

Ik heb een probleem als ik verschillende divs ga nesten.

de divs:

code:

#site
{
    position: relative;
    align: center;
    width: 778;
    height: 100%;
    border-left: inset 1px black;
    border-right: inset 1px black;
}

#links
{
    position: absolute;
    left: 27px;
    top: 73px;
    width: 108px;
    height: 100%;
    background: #EFEFEE;
}

#boven
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 73px;
    background: url(afbeeldingen/boven.gif) repeat;
}

de divs worden zo genest:

code:

<div id="site">

    <div id="links">
    hoi
    </div>

    <div id="boven">
    hallo
    </div>

</div>

de div 'links' moet 73 pixels vanaf boven beginnen. Dat doet ie perfect. Alleen de hoogte 100% voert ie volgens mij errug letterlijk uit. Hij lijkt wel of dat ie de hoogte van 100% pakt en daarbij 73 pixels optelt, zodat ik telkens een scrollbar zie. Hij zou toch netjes binnen de div 'site' moeten blijven, die op 100% staat en netjes tot onderaan de pagina komt..?? Iemand een idee?

[gorgi_19]

**** over Javascript en HTML topics ****

>> Webdesign & Graphics

[NMe]

Misschien als je marges gebruikt ipv left en top? Je zit zat in het verkeerde forum trouwens.

[ Voor 6% gewijzigd door NMe op 19-05-2004 09:49 ]

[Foutlook]

NMe84 schreef op 19 mei 2004 @ 09:49:
Misschien als je marges gebruikt ipv left en top? Je zit in het verkeerde forum trouwens.

Is al verplaatst

Ja, marges al geprobeerd. Geeft precies hetzelfde resultaat...

[Clay]

procentuele waardes zijn altijd tov de parent. height:100%; wordt dus gewoon de hoogte van de parent. De top:73px; heeft daar niets mee te maken. Je hoort dus inderdaad een scrollbar te krijgen ook. Maar je hoeft #links helemaal geen hoogte te geven. Die rekt wel mee met z'n content, en eventuele backgrounds kan je gewoon op #site zetten. Lees b.v. het fauxcolumns artikel op list apart ff.

[Foutlook]

Clay schreef op 19 mei 2004 @ 10:22:
procentuele waardes zijn altijd tov de parent. height:100%; wordt dus gewoon de hoogte van de parent. De top:73px; heeft daar niets mee te maken. Je hoort dus inderdaad een scrollbar te krijgen ook. Maar je hoeft #links helemaal geen hoogte te geven. Die rekt wel mee met z'n content, en eventuele backgrounds kan je gewoon op #site zetten. Lees b.v. het fauxcolumns artikel op list apart ff.

mja ik snap het. Ik wist wel dat ie de waarden van de parent pakte, maar die top wordt daar dus niet vanaf getrokken begrijp ik.

#links heb ik wel liever met een hoogte van 100% ivm met een bgkleur. Als ik die in de #site zet, moet het een image worden = langere laadtijd...

[GoddXX2]

zo een bg hoeft toch niet veel voor te stellen en 3 kb dat zo een gifje gaat innemen maakt ook geen poep uit