• Login
  • Register
  • Zoek
This Thread
  • Everywhere
  • This Thread
  • This Forum
  • Articles
  • Pages
  • Forum
  • Filebase Entry
  • More Options

ICTscripters

Dé plek voor IT

Dé plek voor IT

Login

Geavanceerde opties
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
  3. ICT Nieuws
  4. Blog
  5. Marktplaats
    1. Werk
    2. Advertenties
    3. Domeinnamen
    4. Websites
    5. Design & lay-outs
    6. Scripts
    7. Overige
  6. Design
  7. Leden
    1. Actieve bezoekers
    2. Team
    3. Leden zoeken
  8. Downloads
  9. Goedkope domeinnamen
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
  3. ICT Nieuws
  4. Blog
  5. Marktplaats
    1. Werk
    2. Advertenties
    3. Domeinnamen
    4. Websites
    5. Design & lay-outs
    6. Scripts
    7. Overige
  6. Design
  7. Leden
    1. Actieve bezoekers
    2. Team
    3. Leden zoeken
  8. Downloads
  9. Goedkope domeinnamen
  1. Home
  2. Forum
    1. Alle berichten
    2. Recente activiteiten
  3. ICT Nieuws
  4. Blog
  5. Marktplaats
    1. Werk
    2. Advertenties
    3. Domeinnamen
    4. Websites
    5. Design & lay-outs
    6. Scripts
    7. Overige
  6. Design
  7. Leden
    1. Actieve bezoekers
    2. Team
    3. Leden zoeken
  8. Downloads
  9. Goedkope domeinnamen
  1. Dé plek voor IT - ICTscripters
  2. Forum
  3. Scripting & programmeren
  4. (X)HTML + XML + CSS

Forum

  • Ictscripters Chat

    Frenzo.Brouwer 9 maart 2026 om 21:31
  • Help testers nodig voor android app Urgent

    Servertjee 20 februari 2026 om 12:07
  • Partner Gezocht om meerdere NFT Collecties op Open Sea te Plaatsen

    Servertjee 20 februari 2026 om 12:06
  • Afspraken systeem met planbeperking

    Jeffrey.Hoekman 20 februari 2026 om 11:52
  • Developer Gezocht

    Servertjee 19 februari 2026 om 17:31
  • Na 15 jaar terug van weggeweest: iCriminals.nl is terug (BETA)!

    Servertjee 18 februari 2026 om 16:57
  • Op zoek naar de legends

    Syntax 5 januari 2026 om 13:50
  • [FREE] WeFact Hosting module

    Jeroen.G 13 oktober 2025 om 14:09

Marktplaats

  • Domeinportfolio uitkuis

    Syntax 19 maart 2026 om 10:18
  • Heel wat sterke domeinen > 2 letters, 3 letters, premiums

    Michael DW 11 maart 2026 om 12:12
  • 367 Nieuwe Domeinnamen Februari 2026

    shiga 1 maart 2026 om 14:50

Hulp nodig bij full-height pagina met sticky footer.

  • wimspoel
  • 11 februari 2013 om 23:07
  • wimspoel
    Beginner
    Berichten
    2
    • 11 februari 2013 om 23:07
    • #1

    Ik krijg het zelf niet voor elkaar. Ik wil graag een xhtml pagina met css maken zoals de afbeelding hieronder.

    Het probleem voor mij ligt dat de pagina full-height is en de footer aan de onderkant vast moet zitten.

    Tussen de header en de footer is het content vlak met twee kolommen. Deze worden gescheiden door de stippellijn. Nu moet deze pagina dus altijd minimaal de 100% zijn waarbij de stippellijn ook mee uitrekt. en het witte vlak is transparant (daarom op de achtergrond het paars en rose om dit te verduidelijken)

    Ik heb zel al een aantal opties geprobeerd maar deze werken niet. Ik kan een link geven naar de testpagina, maar ik ben bang dat de antwoorden dan vooral uitgaan van deze versie, terwijl die dus volgens mij niet goed is.

    Nu ben ik er zelf al best lang mee aan het stoeien en volgens mij zie ik door de bomen het bos niet meer. De oplossing is waarschijnlijk eenvoudig, maar door te veel proberen niet meer helemaal helder.

    Eigenlijk is dus de vraag: hoe zouden jullie de html en css maken voor deze layout?

  • Guest, wil je besparen op je domeinnamen? (ad)
  • thjeu
    Developer
    Ontvangen Reacties
    2
    Berichten
    501
    • 11 februari 2013 om 23:13
    • #2

    Wat je zou kunnen doen is een min-height instellen van bv 1000px en de footer standaard aan de bottom van de pagina vast laten maken.

    Footer:
    http://www.webcreationz.nl/de-ultieme-sticky-footer-code

    TwistedMonkey - Media Productions

  • wimspoel
    Beginner
    Berichten
    2
    • 12 februari 2013 om 12:20
    • #3
    Citaat van thjeu

    Wat je zou kunnen doen is een min-height instellen van bv 1000px en de footer standaard aan de bottom van de pagina vast laten maken.

    Footer:
    http://www.webcreationz.nl/de-ultieme-sticky-footer-code

    Ja maar dat is weer net niet mooi op kleinere vensters. Het zou toch gewoon moeten kunnen?

  • thjeu
    Developer
    Ontvangen Reacties
    2
    Berichten
    501
    • 12 februari 2013 om 17:10
    • #4

    Misschien dat dit je wat helpt:

    http://www.tutwow.com/htmlcss/quick-tip-css-100-height/

    TwistedMonkey - Media Productions

  • N. Vermeiren
    Beginner
    Berichten
    36
    • 12 februari 2013 om 20:46
    • #5

    Wat je daar gedaan hebt met je achtergrond valt niet echt mooi te slicen, of toch niet voor beginners. Tenzij je natuurlijk wilt dat jouws website heel veel ruimte inneemt. Werk met duidelijke rechthoeken en containers, allemaal netjes naast of onder elkaar. Knip de achtergrond uit en plaats hem in je body background.

    Dus maak een container van je plaatje rechts en het menu, daarin plaats je die twee dingen. Daaronder plaats je een container voor je content, en laat je de teksten goed uitlijnen. Daaronder doe je de footer, ook een container. Van het menu maak je ul li's, alsook van de footer elementen. De blauwe achtergrond in je eerste container onder je menu neem je gewoon mee in de containerachtergrond door een 1px te selecteren over de y-as en de x te verlengen.

Participate now!

Heb je nog geen account? Registreer je nu en word deel van onze community!

Maak een account aan Login

ICT Nieuws

  • Samsung zal miljoenen verdienen aan Apple iPhone Fold dankzij zijn 12GB RAM

    ICTscripters 11 maart 2026 om 22:42
  • Apple heeft zojuist iOS 26.4 Beta 4 vrijgegeven: hier is de verwachte lanceerdatum.

    ICTscripters 11 maart 2026 om 12:01
  • Kritieke kwetsbaarheid in Nginx UI bedreigt gevoelige data

    ICTscripters 10 maart 2026 om 18:29

Blogs

  • Functioneel ontwerp

    Dees 28 december 2014 om 12:38
  • Access Control List implementatie in PHP/MySQL - deel 1/2

    FangorN 28 december 2018 om 12:35
  • Access Control List implementatie in PHP/MySQL - deel 2/2

    FangorN 29 december 2018 om 12:37
  1. Marktplaats
  2. Design
  3. Voorwaarden
  4. Ons team
  5. Leden
  6. Geschiedenis
  7. Regels
  8. Links
  9. Privacy Policy
ICTscripters ©2005 - 2026 , goedkope hosting door DiMoWeb.com, BE0558.915.582
Sponsors: Beste kattenhotel provincie Antwerpen | Beste Zetes eid kaartlezer webshop
Style: Nexus by cls-design
Stylename
Nexus
Manufacturer
cls-design
Licence
Commercial styles
Help
Supportforum
Visit cls-design