login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Probleem met positioneren

Offline StriKe - 05/05/2005 13:59
Avatar van StriKeHTML interesse Hallo,

Op de afbeelding op http://www.internetfreakz.be/default/screen.gif
zou ik de onderste balk ('voet') graag aansluitend hebben op het rode vlak
'content'. De height van dat vak content heb ik echter op auto moeten
plaatsen, omdat ik nooit weet hoelang een pagina wordt natuurlijk. (Heb dit
ook zo gedaan met hoofdnavigatie).

Ik heb tot nog toe deze css:

/* Definitie van de layers */

#hoofd {
background-color: #0099CC;
position: absolute;
left: 0px;
top: 0px;
width: 1003px;
height: 60px;
z-index: 1;
}

#hoofdnav {
background-color: #0000CC;
position: absolute;
left: 0px;
top: 60px;
width: 155px;
height: auto;
z-index: 2;
}

#subnav {
background-color: #000000;
position: absolute;
left: 155px;
top: 60px;
width: 848px;
height: 30px;
z-index: 3;
}

#content {
background-color:#CC3333;
position: absolute;
left: 155px;
top: 90px;
width: 848px;
height: auto;
z-index: 4;
}

#voet {
background-color: #FF33CC;
position: relative;
left: 0;
top: 460px;
width: 1003px;
height: 30px;
z-index: 5;
}

Iemand die me kan helpen?
Alvast bedankt!

P.S.: De kleuren zijn er uitsluitend om de indeling te kunnen zien, 't gaat
hier uiteraard om een test ;)

4 antwoorden

Gesponsorde links
Offline Legolas - 05/05/2005 14:56
Avatar van Legolas Onbekend Kijk: je positioneert hem, op 460px van de bovenkant in je CSS, als je die zooi in je CSS weghaalt, zou ie het volgens mij moeten doen:s
Want nou positioneer je hem JUIST zonder rekening te houden met de andere div's
Offline StriKe - 05/05/2005 16:48
Avatar van StriKe HTML interesse Hallo,

Als ik #id vervang door dit:

#voet {
background-color: #FFFFFF;
width: 998px;
height: 30px;
z-index: 5;
}

Dan zet hij deze balk helemaal bovenaan mijn pagina, waar hij net onderaan zou moeten komen...

Groeten,
StriKe
Offline Legolas - 05/05/2005 16:50
Avatar van Legolas Onbekend Je begrijpt me niet, je moet al die div's geen absolute positionering geven, want dan gaat die footer zich daar niets van aantrekken, en gaat gewoon bovenin staan. als al die div's daarboven, gewoon geen positionering krijgen, zou het wel werken denk ik.
En trouwens, waarom werk je niet met tabellen!
Offline Fenrir - 05/05/2005 16:57
Avatar van Fenrir PHP expert
Citaat:
waarom werk je niet met tabellen!
Omdat die bedoeld zijn voor data die in een tabel moet staan. Pagina's met css komen hoger in zoekmachines, en screen-readers kunnen ze beter lezen.

Je kunt een layout beter met float maken, dat is simpel:
http://css.maxdesign.com.au/floatutorial/index.htm
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.175s