XHTML [div] FOOTER

Pagina: 1
Acties:

  • dycati
  • Registratie: Oktober 2006
  • Laatst online: 15:37
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 8)

*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
  • Registratie: Februari 2004
  • Niet online

Rowanov

Kop eens wat anders...

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
  • Registratie: April 2003
  • Laatst online: 27-03-2018

Cavorka

Internet Entrepreneur

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.

the-blueprints.com - The largest free blueprint collection on the internet: 50000+ drawings.


  • Glival
  • Registratie: December 1999
  • Laatst online: 07-02 21:57
Misschien heb je hier wat aan?

  • moozzuzz
  • Registratie: Januari 2005
  • Niet online
- Waarom XHTML?
- Got quicksearch
- <!- header -> comments (in bron voor IE XP), beetje eigenaardig.

  • André
  • Registratie: Maart 2002
  • Laatst online: 11-02 14:19

André

Analytics dude

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:
1
2
3
4
5
6
7
8
9
10
    /* 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}
Pagina: 1