anoniem Geplaatst: 16 januari 2005 Delen Geplaatst: 16 januari 2005 Ik wil graag helemaal onderaan mijn site een footer div om het menu netjes af te sluiten. Alle divs zijn absoluut gepositioneerd, de URL: www.roenskeep.com. De betreffende div staat nog niet online, eerst moet het werken (als dat kan). #footer { position:absolute; bottom:0px; } Dit werkt in ieder geval niet, hij komt dat onderaan het scherm te staan -> als de pagina langer is dan 1 schermhoogte komt het halverwege te staan. position:fixed is ook niet wat ik bedoel, op die manier komt het als een soort frame, terwijl ik het gewoon onderaan de pagina wil. Is er een manier? [/code] Quote Link naar reactie
anoniem Geplaatst: 17 januari 2005 Auteur Delen Geplaatst: 17 januari 2005 een mogelijkheid is om; Die footer div in je content div te nesten. Positie relative geven en bottom op 0% zetten. [code:1:5e8cc6695b]div#footer { padding-top: 5px; padding-bottom: 0px; border-top-width: thin; border-top-style: solid; border-top-color: #003366; position: relative; bottom: 0%; {[/code:1:5e8cc6695b] [edit] Absolute zou ook kunnen maar door relative kun je hem centreren over de div content [/edit] Quote Link naar reactie
anoniem Geplaatst: 17 januari 2005 Auteur Delen Geplaatst: 17 januari 2005 Je bedoelt zoiets: http://stijlstek.nl/demo/beirut/ Quote Link naar reactie
anoniem Geplaatst: 17 januari 2005 Auteur Delen Geplaatst: 17 januari 2005 @Tobee: bedankt, ik zal het proberen. @ben: nee, dat bedoel ik niet, zoals ik namelijk al zei: [quote:f19440200a="padvinder95"]position:fixed is ook niet wat ik bedoel, op die manier komt het als een soort frame, terwijl ik het gewoon onderaan de pagina wil. [/quote:f19440200a] Quote Link naar reactie
anoniem Geplaatst: 18 januari 2005 Auteur Delen Geplaatst: 18 januari 2005 Dan heb je niet goed naar mijn demo gekeken, want die gebruikt geen position:fixed. De footer staat onderin het scherm, tenzij de pagina langer is dan een scherm, dan schuift hij op en staat 'ie gewoon onderaan de pagina. M.i. het mooiste effekt. Quote Link naar reactie
anoniem Geplaatst: 19 januari 2005 Auteur Delen Geplaatst: 19 januari 2005 Hmm ja dan zal ik wel verkeerd hebben gekeken. Jammer dat je bij die demo niet de mogelijkheid hebt om een lange tekst in het middenstuk te laden zodat je kan zien of/hoe het werkt... edit: jammer dat dit voorbeeld met relatief gepositioneerde divs werkt en ik, zoals ik ook heb gezegd, met absoluut gepositioneerde divs... Of werkt het soms ook met position:absolute :roll: Quote Link naar reactie
anoniem Geplaatst: 20 januari 2005 Auteur Delen Geplaatst: 20 januari 2005 Waarom is het jammer dat dit met relatief gepositioneerde divs werkt? Het werkt toch? Ik denk trouwens niet dat je dit voor elkaar krijgt met absoluut gepositioneerde divs... Om te zien of die demo werkt zoals jij wilt: sla de xhtml template en de stylesheet op ergens op je eigen computer, gooi 'm vol met tekst en kijken maar! Quote Link naar reactie
anoniem Geplaatst: 21 januari 2005 Auteur Delen Geplaatst: 21 januari 2005 Dat is jammer omdat het in mijn geval dus niet werkt, zoals ik ondertussen al een paar keer heb gezegd werk ik met [b:ae7336e58d]absoluut gepositioneerde[/b:ae7336e58d] divs. Het werkt dus niet op mijn site, dat is er jammer aan :roll: Is er misschien een manier om het met DHTML te doen? Dat je bijvoorbeeld als toppositie van de footerdiv de bottompositie van de contentdiv opgeeft. Iets als document.all('footer').style.top = document.all('content').style.bottom (ja ik weet dat dit niet werkt). Hoe krijg je in javascript de (bottom)positie van een div? Ik heb al even gezocht maar kon niets vinden... Quote Link naar reactie
anoniem Geplaatst: 21 januari 2005 Auteur Delen Geplaatst: 21 januari 2005 Met javascript kan natuurlijk ook maar dat is eigenlijk onnodig. DHTML is een oplossing voor [b:e2abaf5b64]D[/b:e2abaf5b64]ynamisch plaatsen van je footer, meestal door gebruikers acties en derhalve ook wat over de top. De oplossing van :ben: is een hele mooie maar dan moet je dus alles even omgooien naar relatieve positionering. Ik ga er vanuit dat mijn oplossing dus niet gewerkt heeft... Quote Link naar reactie
anoniem Geplaatst: 21 januari 2005 Auteur Delen Geplaatst: 21 januari 2005 [quote:8192e3acb0="padvinder95"]Dat is jammer omdat het in mijn geval dus niet werkt, zoals ik ondertussen al een paar keer heb gezegd werk ik met [b:8192e3acb0]absoluut gepositioneerde[/b:8192e3acb0] divs. Het werkt dus niet op mijn site, dat is er jammer aan :roll: Is er misschien een manier om het met DHTML te doen? Dat je bijvoorbeeld als toppositie van de footerdiv de bottompositie van de contentdiv opgeeft. Iets als document.all('footer').style.top = document.all('content').style.bottom (ja ik weet dat dit niet werkt). Hoe krijg je in javascript de (bottom)positie van een div? Ik heb al even gezocht maar kon niets vinden...[/quote:8192e3acb0] Kan wel, maar is niet handig. Het is niet slim van je geweest om je pagina op te bouwen uit allemaal absoluut gepositioneerde div elementen. Dat is gewoon vragen om problemen. Quote Link naar reactie
anoniem Geplaatst: 22 januari 2005 Auteur Delen Geplaatst: 22 januari 2005 En waarom vasthouden aan iets dat niet werkt, terwijl je iets wordt aangeboden dat wel werkt? Wat is erop tegen om af te stappen van position:absolute? Of is jouw positie hierin ook absoluut? :wink: Quote Link naar reactie
anoniem Geplaatst: 22 januari 2005 Auteur Delen Geplaatst: 22 januari 2005 Hmm de div van het menu staat aan de linkerkant, de contentdiv staat rechts daarvan. Gat dat niet mis als je het met position:relative doet? Trouwens: ik heb de layout + opbouw niet verzonnen :P dat heeft de andere siteadmin gedaan. Quote Link naar reactie
anoniem Geplaatst: 23 januari 2005 Auteur Delen Geplaatst: 23 januari 2005 kun je hier iets mee? -> http://www.positioniseverything.net/articles/top-prop.html Quote Link naar reactie
anoniem Geplaatst: 23 januari 2005 Auteur Delen Geplaatst: 23 januari 2005 Hmm dat werkt alleen met een niet-absoluut-gepositioneerde header. Nouja, laat anders maar zo heel erg is het nou ook weer niet ;) Wellicht switchen we in de toekomst nog wel eens naar relative :p Quote Link naar reactie
Aanbevolen berichten
Om een reactie te plaatsen, moet je eerst inloggen