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 8 of 8
  1. #1
    New to the CF scene
    Join Date
    Jun 2005
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Css Crazyness! Itr should work

    Ok... I am creating a site and I cannot get the height of the css to be 100% in mozilla firefox. I know there is a fix where they reccommend doing:
    html, body {
    height: 100%
    }

    But that does not fix it, it is whenever I scroll that I have the problem. Here, check it out in Mozilla.

    www.dukecityfueling.com

    Thanks!

    J.J.
    Frunder Studios

  • #2
    New to the CF scene
    Join Date
    Jun 2005
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Any ideas?

  • #3
    New Coder
    Join Date
    Feb 2005
    Posts
    94
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Im not understanding what you mean by the "height of the CSS" but you are missing a ";" after the 100%-- so it would be

    Code:
    body {
    height: 100%;
    }
    also, not sure why you had html in there so i took it out.

    When I look at your site in ff, i see a top section with a graphic and a white background and a main section in red. What do you want it to look like?
    Last edited by Tricia; 06-03-2005 at 10:37 PM. Reason: typo fix ;)

  • #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
    The html he had in there is needed to get the div to go 100% height in FF. You might want to put your content in a container and give that gray background color to the container so the content should fill up the container making it "look" like it goes the height of the page.

  • #5
    New Coder
    Join Date
    Feb 2005
    Posts
    94
    Thanks
    0
    Thanked 0 Times in 0 Posts
    ah ok, my mistake

  • #6
    Senior Coder
    Join Date
    Dec 2004
    Location
    Essex, UK
    Posts
    2,636
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Tricia you don't need a semi-colon if it's the last property in the... meh can't word what I'm trying to say! ...

    body {
    width: 100%
    }

    is fine - but...

    body {
    width: 100%
    height: 100%
    }


    ...isn't.

  • #7
    New Coder
    Join Date
    Feb 2005
    Posts
    94
    Thanks
    0
    Thanked 0 Times in 0 Posts
    well ya learn something new everyday dont'cha

    Thanks!

    It would be a best practice though to always use the ";" wouldnt it?
    Last edited by Tricia; 06-03-2005 at 11:59 PM. Reason: had another thought :D

  • #8
    Senior Coder
    Join Date
    Dec 2004
    Location
    Essex, UK
    Posts
    2,636
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I guess so, easier to insert new lines then without accidently leaving out the ; on the line above. :P


  •  

    Posting Permissions

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