logo

$10
Curious white bar appears in IE7

This site: http://phoenixsecurity.ca.c12.previewyoursite.com/ has a curious white bar above the header appearing in IE 7. It doesn't appear in IE8, FF or Safari.

Can someone tell me what is causing it and how to get rid of it?

attachment image View Attachment

Jill Chongva | 07/23/10 at 12:09pm | Edit

ie 7 issue

(4) Possible Answers Submitted...

  • avatar
    Last edited:
    07/23/10
    12:17pm
    Oleg Butuzov says: 

    #header {
    
background:url("images/header2.jpg") repeat scroll 0 0 #FFFFFF;
    
height:110px;
    
margin-bottom:10px;
    
margin-top:20px;
    
z-index:0;
    
oveflow:hidden;
    
}

    Previous versions of this answer: 07/23/10 at 12:17pm

    • 07/23/10 12:18pm

      Oleg Butuzov says:

      can you give the access to site to fix it?

    • 07/23/10 12:20pm

      Jill Chongva says:

      I can't do that until I know what element is causing the problem. I'm assuming its the page wrap element, but adding those two items to the page wrap now makes the bar visible in all browsers.

    • 07/23/10 12:21pm

      Oleg Butuzov says:

      i this its also can be relative to the proble with title that not on black bg.

    • 07/23/10 12:23pm

      Oleg Butuzov says:

      your top menu elements that not fit the area... so space taked from the top is making the header padded.

      just remove the top menu to check it...

    • 07/23/10 12:24pm

      Oleg Butuzov says:

      Just try Jil.

  • avatar
    Last edited:
    07/23/10
    12:31pm
    Utkarsh Kukreti says:

    Add this to style

    #header { margin-top:0; }

  • avatar
    Last edited:
    07/23/10
    12:31pm
    Andrzej Zglobica says:

    in your style.css file, change:

    #header  { background: #FFFFFF url(images/header2.jpg); height: 110px; margin-top: 20px; margin-bottom: 10px; z-index: 0;}

    to
    #header  { background: #FFFFFF url(images/header2.jpg); height: 110px; margin-top: 0; margin-bottom: 10px; z-index: 0;}

  • avatar
    Last edited:
    07/23/10
    12:25pm
    Tiago Duarte says:

    Hello there sir,

    You could try this fix (http://iemarginfix.sourceforge.net/) which i believe shall fix the problems with the margins.

    If you require any help setting up contact me.

    Regards


    EDIT: I forgot to mention, yes the bug is caused by the page wrap element, but that fix should fix it ;)

    Previous versions of this answer: 07/23/10 at 12:25pm

This question has expired.





Current status of this question: Completed