XHTML [div] FOOTER

[dycati]

Nou ik heb dus nieuw design gemaakt voor mijn homepage
maar bij nader inspectie kan ik dus op geen ene mogelijkheid
mijn footer zo instellen dat hij onder het content blijft en niet op absolute blijft staan..

hier is mijn source...

kan iemand me a.u.b wat meer over inlichten want ik kom er echt niet mee verder

alleen relevante code graag

Hier bij wil ik dus de footer onder mijn content krijg zodat het de pagina afsluit...

( uiteindelijk word het geintegreerd in wordpress theme )

groetjes dycati uitvoorbaat dank

*UPDATE

ONLINE preview

http://www.dycati.nl/website/index.html

wil dus dat de footer ALTIJD onder de content tekst blijft..

[ Voor 83% gewijzigd door André op 25-10-2006 11:54 ]

[Rowanov]

Als je even de relevante code wil neerzetten en daarbij het liefst nog een online voorbeeld, dan word ik helemaal gelukkig Even je code reduceren naar het gedeelte waar jij denk dat de fout zit (code tags gebruiken).

[Cavorka]

Je hebt ALLES op position: absolute staan?
Nu heb ik geen idee hoe je pagina eruit ziet (heb je niet een voorbeeld van bovenstaande code ergens online?), maar ehm... waarom staat alles op absolute? Want op die manier krijg je nooit je footer onderaan onafhankelijk van hoe hoog je content is.

Volgens mij ben je op zoek naar float: left en float: right voor wat divs waarna je die op het laatse clear: both'ed, waarna je je footer plaatst en die staat dan altijd onderaan.

[Glival]

Misschien heb je hier wat aan?

[moozzuzz]

- Waarom XHTML?
- Got quicksearch
- <!- header -> comments (in bron voor IE XP), beetje eigenaardig.

[André]

Ik heb je lap code weggehaald, in het vervolg graag alleen relevante code

Verder mis ik het gedeelte over wat je zelf al geprobeerd hebt.

[Verwijderd]

CSS oplossing;
*= evt. aanpassen.

Cascading Stylesheet:

    /* main-div van pagina. Hier staat content in */
    
    #main {
        clear: left; //*Of natuurlijk clear right or both
        float:left} // *right

/* Footer-div. Onderkant van pagina */
    
    #footer {
        clear:both}