anoniem Geplaatst: 19 september 2004 Delen Geplaatst: 19 september 2004 Hey Allemaal, Ik heb het volgende probleem: Ik wil een website hebben, met aan de bovenkant een balk, en aan de linkerkant een balk voor een menu. De ruimte die aan de rechterkant onder overblijft moet gevuld worden met de webpagina. Ik heb het volgende al voor elkaar: [code:1:6b9c3b6e74]<html> <head> <style> body{ margin: 0px 0px 0px 0px; } div.top01{ width: 100%; height: 47px; background-color: #0066B4; } div.menu01{ height: 100%; width: 207px; position: absolute; left: 30px; top: 0px; background-color: #CCC; } div.content{ position: absolute; left: 237px; top: 47px; height: 100%; width: 100%; background-color: #000; z-index: 2; } </style> <title></title> </head> <body> <div class="top01"></div> <div class="menu01"></div> <div class="content"></div> </body> </html>[/code:1:6b9c3b6e74] Maar zoals jullie misschien zien (als je deze code ff in 'n html bestandje zet), heb ik aan de rechterkant een 'ongewenste' scrollbar, en aan de onderkant nog één! Ik snap wat css doet, hij neemt de resolutie van 100%, en die afmeting neemt het zwarte gedeelte aan. Maar ik weet niet hoe ik dit nou op moet lossen, want 100%-237px (oid) werkt niet. Weet iemand hoe het dan wél kan? Gegroet, Bob Emmen! Quote Link naar reactie
anoniem Geplaatst: 19 september 2004 Auteur Delen Geplaatst: 19 september 2004 [quote:1370500d42="bob_emmen"]Als je deze code ff in 'n html bestandje zet.[/quote:1370500d42]Je kan het ook even online zetten.. Volgens mij is [i:1370500d42]content[/i:1370500d42] net zo breed als het venster, maar het zit niet tegen de kant aan. Het stuk zwart wat je niet ziet is dus net zo breed als het grijs en wit aan de linkerkant. Quote Link naar reactie
anoniem Geplaatst: 19 september 2004 Auteur Delen Geplaatst: 19 september 2004 hierbij even de html pagina zelf: [url]http://home.hccnet.nl/bobemmen/probleem.htm[/url] Quote Link naar reactie
anoniem Geplaatst: 20 september 2004 Auteur Delen Geplaatst: 20 september 2004 Zo? http://bluerobot.com/web/layouts/layout1.html Quote Link naar reactie
anoniem Geplaatst: 20 september 2004 Auteur Delen Geplaatst: 20 september 2004 ik zou zeggen doe position:static of zet over-flow:none (?) ofzo erin. Quote Link naar reactie
anoniem Geplaatst: 22 september 2004 Auteur Delen Geplaatst: 22 september 2004 Volgens mij ben je in je div.top01 vergeten te bepalen wat je positie is. Onderstaand de code zoals het bij mij wel werkt. [code:1:d16d8c81d9] <html> <head> <style> body{ margin: 0px 0px 0px 0px; } div.top01{ position: absolute; width: 100%; height: 47px; background-color: #0066B4; } div.menu01{ height: 100%; width: 207px; position: absolute; left: 30px; top: 0px; background-color: #CCC; } div.content{ position: relative; left: 237px; top: 47px; height: 100%; width: 100%; background-color: #000; color: #fff; z-index: 2; } </style> <title></title> </head> <body> <div class="top01"></div> <div class="menu01"></div> <div class="content"></div> </body> </html> [/code:1:d16d8c81d9] Quote Link naar reactie
anoniem Geplaatst: 22 september 2004 Auteur Delen Geplaatst: 22 september 2004 En je div.content is dan natuurlijk relative aan div.top01 en div.menu01. Als je hem namelijk absoluut maakt met een waarde van 100% wordt er gemeten vanaf je absolute positie. Succes ermee Quote Link naar reactie
Aanbevolen berichten
Om een reactie te plaatsen, moet je eerst inloggen