Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Sep 2006
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    100% height? weird IE behaviour ;)

    Hey,
    I'm busy with a website.. but I can't figure this out:
    I've got white content-space with some shadowgraphics at both sides..
    but the shadow graphics don't do what they supposed to, they should be from top to bottom of the page..

    www.fealix.net/nrg
    www.fealix.net/nrg/style.css

    what do I do wrong?
    Thanks in advance!

  • #2
    Senior Coder timgolding's Avatar
    Join Date
    Aug 2006
    Location
    Southampton
    Posts
    1,517
    Thanks
    114
    Thanked 110 Times in 109 Posts
    this is the general behaviour of background images. why dont you have them as images and make then height:100%;

    P.s When i develop ny sites they always start "Lorem ipsum dolor sit amet, consectetuer adipiscing elit...." as well
    Last edited by timgolding; 09-24-2006 at 01:01 AM.

  • #3
    New to the CF scene
    Join Date
    Sep 2006
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Just want to say that I thought this forum would be too advanced for me

    But I am learning fast love the way you help each other

  • #4
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Wow okay you have a case of divitis and also a lot of CSS that can be trimmed down. 100% height is 100% height of the browser window not the page. You need to use min-height however IE6 doesn't support this but it does treat normal height as min-height. First though you need to change one thing
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    Change that to
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    Now you need to make add 100% height to the body and you also need to add
    Code:
    html {
    height:100%;
    }
    /*Hide from IE Mac\*/
    * html #container {
    height:100%;
    }
    /*End Hide*/
    Then for your #container remove height:100%; and add min-height:100%;

    Personally I would combine your shadows to make them one image. It will make it easier code wise.
    ||||If you are getting paid to do a job, don't ask for help on it!||||


  •  

    Posting Permissions

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