Joomla Templates Club 406,261 posts

[kallan Friend kallanJoin date: August 2006Posts: 349Downloads:0Uploads:5 Thanks: 22 Thanked: 35 times in 1 posts]

#143979

Hi all,

Does anyone know how to remove the gap under the menu that occurs when viewing in IE8?

You can see what I mean by looking at the ja_nerine demo site and then go to the Typography menu.

Thanks
Kiwidesign

[prakash Friend prakashJoin date: October 2008Posts: 439Downloads:0Uploads:1 Thanks: 2 Thanked: 146 times in 115 posts]

#316600

Though I am not sure of how to do it in a different way …the easiest way I have found is to do this!

find this line in templates>janerine>css>ie8.css

#ja-mainnavwrap {
width:100%;
}

now the code after modification should look like this

#ja-mainnavwrap {
width:100%;
margin-bottom:-8px;
}

#ja-subnavwrap {
margin-bottom:-8px;
}

basically I feel this has something to do with margin and the menu would look correct in ie 8

1 user says Thank You to prakash for this useful post

1. kallan

[kallan Friend kallanJoin date: August 2006Posts: 349Downloads:0Uploads:5 Thanks: 22 Thanked: 35 times in 1 posts]

#316602

Thanks – yeah I tried a few combos of – margins but didn’t manage to come up with the right ones.
I ended up adding in

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


above the head tag.

I found it kind of strange that it is broken like this on the demo.

Thanks for you help.

Kiwidesign

[prakash Friend prakashJoin date: October 2008Posts: 439Downloads:0Uploads:1 Thanks: 2 Thanked: 146 times in 115 posts]

#316607

hi

the code which i mentioned above fixes the problem. the menus appear without any gaps and look consistent with other browsers.

thanks

[Author]

Posts