PDA

View Full Version : Spacing problem between menu buttons.



mbadfish
05-26-2011, 09:41 PM
Hello. Im putting a menu together and ran into a problem I cant seem to fix. Everything looks and works fine if you view it on IE8 but if I view it on IE7 there is a white space before every button that has a drop down menu. Even if I look at the sample on IE7 from this website it also has the spacing.Here is the link to the menu Im using. http://www.dynamicdrive.com/dynamicindex17/ddaccordionmenu-glossy.htm Can anyone help? Thank you.

jscheuer1
05-27-2011, 04:24 AM
Please post about Dynamic Drive Scripts in the Dynamic Drive Scripts Help section here where I've moved this thread.

If this is what I think it is, it's come up before and it's a bit of a bug in the IE 7 and less browsers.

Add this:


<!--[if lt IE 8]>
<style type="text/css">
.menuitem {
display: inline-block;
}
</style>
<![endif]-->

Put it in the head of the page, right after the closing </style> tag for the glossy menu styles.

Make sure to refresh the page and that you're not viewing a cached and/or older version.

If you want more help:

Please post a link to a page on your site that contains the problematic code so we can check it out.