Menus ok in Firefox but not in Internet Explorer - help please?

boatbuilder · 21-07-2011 2:43pm #1

Hi all,

I'm a total amateur at this and would really appreciate some help.
I'm trying to customize a template that I downloaded and have run into a problem.
The menus at the top of the page work fine in Firefox but in Internet Explorer, they are cut in half!

Here's the template.... http://www.openwebdesign.org/design/4056/Simplicity_two_point_oh/

Any help would be appreciated as I really don't know how to fix this. I have Dreamweaver and am getting more familiar with it as I go along.

Thanks!

donbon · 21-07-2011 4:48pm

It works in IE in compatibility view. You can force that option by adding this in between your <head> tags

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

But..

That would be the lazy way to fix it.

I'm guessing this is some sort of float bug as the div navigation is floated and has no height or width defined in the css. This can sometimes cause an issue in IE.

Go into the css file and find

div.navigation {
float:left;
margin-bottom:-2px;
margin-left:85px;
}

div.navigation ul {
list-style:none;
font-size:75%;
margin:0.5em 0 0;
padding:2px 0 0 1em;
}

try and add a height and width. You might also try making sure that the float is cleared.

boatbuilder · 21-07-2011 6:56pm

Wow, thanks so much. I took the lazy option!

donbon · 22-07-2011 10:34am

boatbuilder wrote: »

Wow, thanks so much. I took the lazy option!

Fair enough, but understand you are basically telling all future versions of IE to interpret the site the way that IE7 would.

cormee · 22-07-2011 12:01pm

Remove the relative positioning in DIV.header and the margin-bottom:-17px; in DIV.navigation (in ie7_diff.css)

Liam Byrne · 25-07-2011 10:58am

donbon wrote: »

boatbuilder wrote: »

Wow, thanks so much. I took the lazy option!

Fair enough, but understand you are basically telling all future versions of IE to interpret the site the way that IE7 would.

Since Microsoft keep breaking stuff with every release, that's not necessarily a bad thing.

Liam Byrne · 25-07-2011 10:59am

donbon wrote: »

boatbuilder wrote: »

Wow, thanks so much. I took the lazy option!

Fair enough, but understand you are basically telling all future versions of IE to interpret the site the way that IE7 would.

Since Microsoft keep breaking stuff with every release, that's not necessarily a bad thing.

Menus ok in Firefox but not in Internet Explorer - help please?

Comments