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 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Dec 2006
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Div's overlapping in IE7

    I am having problems with overlapping div's in IE7. #mainContainer doesn't seem to consider 100% height. It only expands to monitor rezolution. Everything is fine in IE6, Opera, Firefox. Please have a look at it here: http://www.studioweber.ro/html/test.htm. I was testing around and I am close to solve this. I still need to write a workaround for height: 100% to only show for FF and not in IE7. If I take it off, I will not have the background spread all the way to the bottom if the text is smaller - see this example - http://www.studioweber.ro/html/test2.htm. Thanks in advance for your help. Alex

  • #2
    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
    IE7 does support min-height so change this
    Code:
    #container {
    	height: 100%;
    	min-height: 100%;
    }
    to this
    Code:
    #container {
    	min-height: 100%;
    }
    /*\*/
    * html #container { /*should be read by IE6 and below if IE7 is in standards compliant mode, if not IE7 will read this as well.
    height:100%;
    }
    /**/
    And just so you know display:table; isn't supported by any version of IE. Its not needed in your situation.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #3
    New to the CF scene
    Join Date
    Dec 2006
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    It works perfectly now. Thanks a lot Aerospace. Alex


  •  

    Posting Permissions

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