Results 1 to 3 of 3

Thread: How do you make a div 100% page height?

  1. #1
    AKA Chrispynutt Gunbuster's Avatar
    Join Date
    Sep 2003
    Location
    Fife
    Posts
    1,627
    Thanks
    69
    Thanked
    68 times in 56 posts
    • Gunbuster's system
      • Motherboard:
      • Aorus AX370 Gaming K7
      • CPU:
      • Ryzen 7 1700x + Scythe Kotetsu MK I
      • Memory:
      • 32GB: 4x 8GB HyperX Fury 2400mhz CL15 DDR4
      • Storage:
      • 2x Sandisk Ultra II 960GB, 1x Crucial MX100 512GB SSD
      • Graphics card(s):
      • MSI Gaming GTX970
      • PSU:
      • EVGA Supernova G2 750w
      • Case:
      • Cougar Panzer S
      • Operating System:
      • Windows 7 Home Premium
      • Monitor(s):
      • DGM IPS-2701WPH 27" 1440p IPS Monitor
      • Internet:
      • Aquiss Fibre

    Question How do you make a div 100% page height?

    Hi all,
    how do you make a div 100% of page height and with a minimum of 100% of screen height? I'm attempting this in Transitional 4.01 HTML and CSS2.
    Any help from the gurus here would be greatly appreciated.

  2. #2
    Senior Member Kezzer's Avatar
    Join Date
    Sep 2003
    Posts
    4,863
    Thanks
    12
    Thanked
    5 times in 5 posts
    You have to set it for the whole body unfortunately, it's really annoying. body { background: url(blah.jpg) repeat whatever etc.

  3. #3
    AKA Chrispynutt Gunbuster's Avatar
    Join Date
    Sep 2003
    Location
    Fife
    Posts
    1,627
    Thanks
    69
    Thanked
    68 times in 56 posts
    • Gunbuster's system
      • Motherboard:
      • Aorus AX370 Gaming K7
      • CPU:
      • Ryzen 7 1700x + Scythe Kotetsu MK I
      • Memory:
      • 32GB: 4x 8GB HyperX Fury 2400mhz CL15 DDR4
      • Storage:
      • 2x Sandisk Ultra II 960GB, 1x Crucial MX100 512GB SSD
      • Graphics card(s):
      • MSI Gaming GTX970
      • PSU:
      • EVGA Supernova G2 750w
      • Case:
      • Cougar Panzer S
      • Operating System:
      • Windows 7 Home Premium
      • Monitor(s):
      • DGM IPS-2701WPH 27" 1440p IPS Monitor
      • Internet:
      • Aquiss Fibre
    My site structure is roughly like this:
    HTML
    BODY - background clouds
    DIV ID=center - background colums
    content here
    /DIV
    /BODY
    /HTML

    I've tried using HTML with one background and BODY with another (repeat-y center), but when you scroll beyond the screen size it still just finishes reapeating the background and ignores the page height.
    my work in development site is http://www.steelskin.net/wordpress/

    p.s. thanks Kezzer
    Last edited by Gunbuster; 25-05-2005 at 03:26 PM.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Similar Threads

  1. Height Kills
    By TeePee in forum Automotive
    Replies: 5
    Last Post: 01-12-2004, 04:28 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •