SitePoint Sponsor

User Tag List

Results 1 to 4 of 4

Thread: CSS Help

Hybrid View

  1. #1
    SitePoint Enthusiast
    Join Date
    Apr 2006
    Location
    UK
    Posts
    26
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS Help

    I've got this design which I'm coding and I'm having some issues with it.

    http://xirgo.net/electricblue

    If you're on Firefox will see that the white DIV is completely at the bottom of the page, however, if you look at it on IE the white box is right below the header. Is there any way I can fix this for IE? I want it to look exactly like it does of Firefox, the white box has to be right at the bottom of the page.

    Here's the code for the DIV:

    Code:
    #resource {
        width: 100%;
        height: 90px;
        background: #fff url("images/resource_strip.gif") repeat-x top;
        text-indent: -999em;
        bottom: 0;
        position: fixed;
    }
    Thanks

  2. #2
    SitePoint Enthusiast
    Join Date
    Jun 2006
    Location
    Utrecht (Netherlands, the)
    Posts
    32
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    IE does not support position: fixed.

    I always use dean edward's solution to overcome this problem. This javascript fixes some of the better known IE bugs.
    Hippopotomonstrosesquippedaliophobia - Fear of long words

  3. #3
    SitePoint Enthusiast
    Join Date
    Apr 2006
    Location
    UK
    Posts
    26
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by CadmiumNL
    IE does not support position: fixed.

    I always use dean edward's solution to overcome this problem. This javascript fixes some of the better known IE bugs.
    I'm kind of confused, which one do I download and does it work with IE6?

    Edit: Nevermind, I downloaded it, tested it on IE6 and it works like a charm. Thanks a lot!

  4. #4
    SitePoint Enthusiast
    Join Date
    Jun 2006
    Location
    Utrecht (Netherlands, the)
    Posts
    32
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You are very welcome!

    If the fixed position is the only thing you need from the library, you might want to include that module only. Instead of including ie7-standard-p.js, try including ie7-core.js and ie7-fixed.js (you might also need ie7-css2-selectors.js if you're using an external stylesheet). This somewhat reduces the amount of included javascript.
    Hippopotomonstrosesquippedaliophobia - Fear of long words


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
  •