Contents messed up in Firefox and IE7

[simonmade]

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/

[simonmade]

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!

[buzzville]

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!

[clydejones]

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
}

[buzzville]

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!

[clydejones]

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 = '';" />&nbsp;<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

[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!

[clydejones]

Try adding this to your stylesheet.css

#logoWrapper {height:256px;}

[buzzville]

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!

[clydejones]

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