CSS Header Trouble

  • Resolved lcwsuicide

    (@lcwsuicide)


    16 years ago

    Hello! I’m using the e-wallet theme for my website and am having some trouble with the top menu bar:

    https://www.instantpresscomics.com/

    Viewing the site in Firfox there is no problem. But when viewed in IE the menu bar goes down below the menu buttons and the search bar.

    I have tried the “clear” command on just about every part of the Style Sheet from #header to #top to #searchbar. If anyone has the tool to view the CSS and direct me on what should be changed to fix this that would be a big help. I’ve tried just about every trick I know and can’t seem to get it to work.

Viewing 6 replies - 1 through 6 (of 6 total)
  • stvwlf

    (@stvwlf)

    Hi

    The gist of it is your background header is assigned to the wrong DIV. Firefox is dealing with it, but IE7 is not.

    Make a copy of your stylesheet before making these changes. The correct way to do this is to use a separate stylesheet for IE tweaks. If you know how to do that, go ahead. If not, for now just use your main stylesheet – just comment out the lines I am telling you to remove or change, so you can still have the original code if needed.

    In your stylesheet style.css (line 380) find

    #header {
background:url(images/header.jpg) repeat 0 0;
font-family:Verdana;
font-size:26px;
font-weight:bold;
height:278px;
margin:0 auto;
padding:0;
text-decoration:none;
width:1024px;
}

    Take the “background” line out of #header altogether

    Now find #rap style.css (line 1001)

    #rap {
background:#FFFFFF;
border-left:1px solid #040404;
border-right:1px solid #040404;
margin:0 auto;
text-align:left;
width:1024px;
}

    Change the background line to
    background:#FFFFFF url(images/header.jpg) no-repeat 0 0;

    That should put the menu bar on the line where you want it. It should still be OK in Firefox, but you will need to adjust a few things in IE – there are two

    that are dropping things down too far in IE.

    This should get you started

    Thread Starter lcwsuicide

    (@lcwsuicide)

    Thanks!

    I have the same theme installed on https://www.theamericastop.com, works great in Firefox, not so good in IE. It looks like my entire center divider that had the categories listed out is missing in IE and the white back ground behind the right sidebars is missing. If you could take a look at it and give me a suggestion as to what to do, it would be greatly appreciated. Thanks in advance.

    Hello! I’m using the e-wallet theme for my website and am having some trouble with the top menu bar: how do I insert images inside the empty boxes in the header and on the front page?

    And I have this problem with IE7 so What can we do this is a Great Theme.I dont Want to change it ,Is there any Way?

    Yes I have Tried this Codes Thanks!! ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘CSS Header Trouble’ is closed to new replies.

Tags