Contents messed up in Firefox and IE7

I sepnt 2 weeks and finish my website....suddently, friends told me that my website messed up in Firefox and IE7. Only good in IE6.

Anyone can help?

Thanks a lot!
Here is my website:
http://www.madbullairsoft.com/English/

Just fix it by editing stylesheet.css

#headerWrapper{
background-color: #ffffff;
margin: 0em;
padding: 0em;
height: 350px;
}

Now, the search on the top right is gone, hiding behind the header.
Anyone can help?

Thanks a lot!

I'm having the same problem with IE7 - looks fine in IE6 and Firefox, but not IE7. I've been trying to tweak the stylesheet, and even created a specific stylesheet to load for IE only, but I'm just not skilled enough with CSS to make it work. Does anyone have suggestions? Thanks!

Make the changes in your stylesheet as indicated. This should take care of the problem.

#headerWrapper{
background-color: #ffffff;
margin: 0em;
padding: 0em;
height: 350px; remove this declaration
}

#logoWrapper{
background-image: url(../images/header_bg.jpg);
background-repeat: repeat-x;
background-color: #ffffff;
height:257px; change this to 257
}

Any suggestions for me? My Home, Log In and Search should be displayed in the narrow spot above the logo, but they are hiding in IE7. Here is what I've got:

#headerWrapper {
margin: 0em;
padding: 0em;
}

#logoWrapper {
height: 270;
margin: 0em;
padding: 0em;
}

Any help is much appreciated!

This is from the view source of your site.

<!--bof-navigation display--> <div id="navMainWrapper"> <div id="navMain"> <ul class="back">

<li><a href="http://superbuzzy.com/">Home</a></li>
<li><a href="https://superbuzzy.com/index.php?main_page=login">Log In</a></li>

</ul> </div> <div class="navMainSearch forward"> <form name="quick_find_header" action="http://superbuzzy.com/index.php?main_page=advanced_search_result" method="get"><input type="hidden" name="main_page" value="advanced_search_result" /><input type="hidden" name="search_in_description" value="1" /><input type="text" name="keyword" size="6" maxlength="30" style="width: 100px" value="Enter search keywords here" onfocus="if (this.value == 'Enter search keywords here') this.value = '';" /> <input type="submit" value="Search" style="width: 45px" /></form> </div> <br class="clearBoth" /> </div> <!--eof-navigation display--> <!--bof-header logo and navigation display-->

<div id="headerWrapper"> This should be moved to above <!--bof-navigation display-->

Do this in your tpl_header.php

Ok, I moved the <div id="headerWrapper"> above <!--bof-navigation display--> but the Home, Log In, and Search still aren't showing. I've tried to move the logo down and also to enlarge the "stripe" where the header items are supposed to be, but my lack of CSS know-how just ends up making everything look screwy... Any other ideas? Thanks again!

Try adding this to your stylesheet.css

#logoWrapper {height:256px;}

clydejones:

Try adding this to your stylesheet.css

#logoWrapper {height:256px;}

Ha! This whole thing is like a comedy of errors. When I make that change, the tab menu (Fabric, Notions & Trims...) moves up and partially obscures the shop tag line. It doesn't appear to affect the overall header or logo position at all.

I really appreciate your help. I thought this would be a simple fix, but after struggling with it on and off for a few days, I gave up!

No one said it would be easy. Let's just take it one step at a time and get the look you want.

Not sure if this makes a difference or not but I noted this at the bottom of your stylesheet: and normally javascript is not included in a stylesheet

<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">

</script>

<script type="text/javascript">

_uacct = "UA-970947-1";

urchinTracker();

</script>

Not meaning to nose in on someones thread, but could anyone please tell me how to fix the overlap thats happening in I.E 7 with the center box thats taken over my main header?

My previous thread is here, but i've not had much luck with the suggestions.

Thanks.

clydejones:

Not sure if this makes a difference or not but I noted this at the bottom of your stylesheet: and normally javascript is not included in a stylesheet

<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"> </script> <script type="text/javascript"> _uacct = "UA-970947-1"; urchinTracker(); </script>

Thanks for reminding me about that! I was messing with Google Analytics and then realized that shouldn't go there - then forgot to take it out! Unfortunately, that's not the problem with the header...

buzzville:

Ok, I moved the <div id="headerWrapper"> above <!--bof-navigation display--> but the Home, Log In, and Search still aren't showing. I've tried to move the logo down and also to enlarge the "stripe" where the header items are supposed to be, but my lack of CSS know-how just ends up making everything look screwy... Any other ideas? Thanks again!

FWIW, the view source on my site -- which shows the Home and Log In links above the header reads as follows:

<div class="boxcontent">
<div id="navMain">
    <ul class="back">
    <li><a href="http://localhost/blackwater_3/">Home</a></li>
    <li><a href="http://localhost/blackwater_3/index.php?main_page=login&../../blackwater/common">Log In</a></li>

</ul>
</div>

so it might help to add the "boxcontent" statements.

Jim

laplatakid:

FWIW, the view source on my site -- which shows the Home and Log In links above the header reads as follows:

<div class="boxcontent"> <div id="navMain"> <ul class="back"> <li><a href="http://localhost/blackwater_3/">Home</a></li> <li><a href="http://localhost/blackwater_3/index.php?main_page=login&../../blackwater/common">Log In</a></li> </ul> </div> ``` > so it might help to add the "boxcontent" statements. > > Jim

Hi Jim,

I gave that a shot, but it caused all of the product pictures on my index page to go on top of the logo - everything got squashed up to the top of the page. Thanks for the suggestion - really wish it had worked!