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 5 of 5
  1. #1
    New Coder
    Join Date
    Jan 2009
    Posts
    37
    Thanks
    1
    Thanked 1 Time in 1 Post

    Compatibility Problems With IE 7

    Back after a long time away, I'm having yet another problem with IE not seeing what Firefox is seeing.

    As usual, Firefox is displaying my site correctly. It can be found at http://www.hainescityhighschool.com/rev4.

    Everything was going great until I opened it in IE 7. For some stupid reason I can't even fathom, good ol' IE likes to make my page about 100 pixels wider than it should be, and cut my footer divs off early, creating random white space and a horizontal scroll bar that shouldn't be there.

    I designed this site utilizing the 960 grid system and it checks out as valid Strict 1.0 which leads me to believe this is just another case of IE being retarded.

    Any help with this would be great. Thanks in advance.

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,865
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    The issue is actually there in FF itself. Just have a try by setting a border:1px solid red; for your .container

    Don't you need to enclose your footer inside that container? Anyway, I'd say that footer_divide cause some kinda divitis, and it can be attained by setting a
    Code:
    border-top:40px solid #509650;
    padding-top:40px;
    to your
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    New Coder
    Join Date
    Jan 2009
    Posts
    37
    Thanks
    1
    Thanked 1 Time in 1 Post
    Quote Originally Posted by abduraooft View Post
    The issue is actually there in FF itself. Just have a try by setting a border:1px solid red; for your .container

    Don't you need to enclose your footer inside that container? Anyway, I'd say that footer_divide cause some kinda divitis
    Hey, abduraooft. Thanks for the reply.

    Allow me to explain. The issue isn't really in FF, but Firefox is showing you that the .container class I made is only 1000px wide, despite how the rest of the page is intended to infinitely expand. This was to conform to the 960 system.

    You would think I would make my container 960px wide then, but on computers with an 800 x 600 resolution, the website wouldn't place a margin before the content begins, which would be ugly and hard to read, so the padding on the left and right is necessary. It is still 960px, it's just the browsers see it as 1000px with 20px padding on the left and right.

    The footer isn't in that container for that exact reason. I wanted the footer to, like the header, infinitely expand as the resolution of the user's monitor required it. If I had put the footer in the container, it would've been confined to 1000px and there would be white space on both sides, rather than on just one.

    Divitis aside, I made the suggested changes and the problem persists. I also had made that footer_divide div to fix issues with IE 6, but at this point I don't care if it works with that ancient piece of junk.

    So I'm still stuck, any more ideas?
    Last edited by roflstomp; 05-11-2009 at 04:10 PM.

  • #4
    New Coder
    Join Date
    Jan 2009
    Posts
    37
    Thanks
    1
    Thanked 1 Time in 1 Post
    After more testing, I'm thoroughly convinced this is an IE bug.

    If you resize the window horizontally, the white box gets larger. It just cuts off the footer for whatever part of the page the user doesn't natively see.

    Hopefully someone knows a fix for this sort of thing, or at least see what I'm trying to do and offer an alternative solution.

    (it has also been tested in IE 8 and the problem isn't there)

    So this seems to be an IE7-exclusive problem.

    Any help is appreciated.

  • #5
    New Coder
    Join Date
    Jan 2009
    Posts
    37
    Thanks
    1
    Thanked 1 Time in 1 Post
    Gah, nobody has any ideas?


  •  

    Posting Permissions

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