SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Member
    Join Date
    Jul 2009
    Posts
    8
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Loading message problem in IE6

    Hello,

    I'm trying to create a markup in which I got a container with 2 children, a loading message and the content to be loaded. Now, I want it to look like the following page looks in Firefox:

    http://www.teleri.co.il/loading_test.html

    Now, the markup works like charm in Firefox, IE7-8, but it fails in IE6, because the loading div does not extend until the end unless I specify a height on the container. But specifying a height would make the markup no fluid, and beats the whole point of it.
    I managed to fix it by using an expression for IE6, but I'm not quiet with that solution because of 2 reasons:
    1. If the container grows, the loading div will not grow with it
    2. If Javascript is disabled in IE6, it'll fail


    My question is if someone can come up with a solution to that problem. If not, I'll just stick with what I've just written though...
    Thanks for the help!
    Perrin4869.

  2. #2
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,751
    Mentioned
    11 Post(s)
    Tagged
    0 Thread(s)
    Hi, the problem is that you set #contaienr to min-height:100%, but IE6 doesn't understand that but it treats height:; the same as min-height. So feeding IE6 height:100%; does the same thing.

    ALso when you set a percentage height (like on #container) you need the parent to have a height set, in this case, html and body element needd height:100% set
    Code:
    html,body{height:100%;}
                #container{
                    border: 1px solid #000000;
                    position: relative;
                    min-height:100%;
                }
    * html #container{height:100%;}/*ie6*/
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  3. #3
    SitePoint Member
    Join Date
    Jul 2009
    Posts
    8
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    No, you misunderstand, the container has to be of arbitrary height, and I want the loading div to extend 100% of the height... And I cannot set the height of the container because I then lose the fluidity of the design

  4. #4
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,751
    Mentioned
    11 Post(s)
    Tagged
    0 Thread(s)
    Well you have to use hte expression right now becuase in IE6 since it doesn't understand the parents min-height, IE6 doesn't have a set height rigght now and when it has a percentage height it looks to the parent. So either give the parent a height or use the expession you have now (In the code I posted above I gave hte parent a height for IE6.)
    Always looking for web design/development work.
    http://www.CodeFundamentals.com


Bookmarks

Posting Permissions

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