login  Naam:   Wachtwoord: 
Registreer je!
 Forum

position:absolute;bottom:0px;

Offline haytjes - 20/07/2005 20:03 (laatste wijziging 21/07/2005 22:00)
Avatar van haytjesGouden medailleGouden medaille

JS gevorderde		 hallo,

'k heb een vraagje:

Ik wil een div onderaan de pagina zetten.
Ik heb nu wel de css position:absolute;bottom:0px; gevonden maar hiermee staat hij niet helemaal vanonder, maar in onderaan in het zichtbare gedeelte van je browser.

Hoe kan ik hem nu helemaal beneden zetten ook al is er een scrollbar?

groetjes

12 antwoorden

Gesponsorde links
Offline Ontani - 20/07/2005 20:04
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 gewoon geen positie invullen dan volgt ie toch gewoon uw content
Offline haytjes - 20/07/2005 20:08
Avatar van haytjes Gouden medailleGouden medaille

JS gevorderde		 ja maar het moet wel position:absolute; zijn...
dus staat hij vanboven als je geen positie invult
Offline Ontani - 20/07/2005 20:13
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 #dataBody {
margin: 0px;
padding: 0px;
position: relative;
height: 1%;
}
#footer{
position: absolute;
left: 0px;
bottom: 0px;
}
#content {
margin: 0px;
padding: 0px;
position: relative;
}

en doe dan

<div id="databody">
<div id="content"></div>
<div id="footer"></div>
</div>
Offline haytjes - 20/07/2005 20:17 (laatste wijziging 20/07/2005 20:17)
Avatar van haytjes Gouden medailleGouden medaille

JS gevorderde		 die 'footer' staat in firefox helemaal vanboven ?????

[edit]
en in IE ook hoor
Offline Ontani - 20/07/2005 20:18
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 vul eens wat dingen in je content in
Offline haytjes - 20/07/2005 20:19
Avatar van haytjes Gouden medailleGouden medaille

JS gevorderde		 heb ik gedaan:

<div id="databody">
<div id="content">fdqsfqsfsqfdsfsff</div>
<div id="footer">footr</div>
</div>
Offline Ontani - 20/07/2005 20:20
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 meer zorg dat er veel breaks in zitten
Offline haytjes - 20/07/2005 20:22
Avatar van haytjes Gouden medailleGouden medaille

JS gevorderde		 blijft vanboven staan ???
Offline haytjes - 20/07/2005 20:22 (laatste wijziging 20/07/2005 20:24)
Avatar van haytjes Gouden medailleGouden medaille

JS gevorderde		 [edit]
per ongeluk 2 keer enter gedrukt ...

maar het werkt nog altijd ni,
behalve in IE, hoe kan je het laten werken in Firefox??
Offline Ontani - 20/07/2005 20:26
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 #main {
margin: 0px;
padding: 0px;
position: relative;
width: 100%;
}

<div id="main">
<div id="databody">
<div id="content">
<div id="footer"></div>
</div>
</div>

da zou het moeten doen
Offline haytjes - 20/07/2005 20:29
Avatar van haytjes Gouden medailleGouden medaille

JS gevorderde		 bedankt, 't werkt ,
nu nog in mijn site krijgen
Offline Ontani - 20/07/2005 20:30
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 :D, altijd wel een probleem 
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.198s