WebsiteBaker Community Forum

WebsiteBaker Support (2.8.x) => Templates, Menus & Design => Topic started by: Bramus on August 12, 2009, 12:00:46 PM

Title: IE7 dropdown menu problem
Post by: Bramus on August 12, 2009, 12:00:46 PM

One problem left to solve that i didnt manage;

Dropdown is not working as i should in IE7.
Site: CLICK! (http://www.blitz-websites.nl/rotjes/)

When you hover "bedrijf" you will see in IE7 the following:

Code: [Select]

bedrijf
het bedrijf    onze medewerkers   onze klanten

While it should be like:

Code: [Select]

bedrijf
 het bedrijf
 onze medewerkers
 onze klanten

It is working fine in IE8, Firefox, Safari, Opera, but just not in IE7 Any one knows how to solve this? If you need more code let me know!

Title: Re: IE7 dropdown menu problem
Post by: BerndJM on August 12, 2009, 02:42:15 PM

Hi Bramus,

think the reason for that is the float:left in your  #navigatie li
you should try something like

Code: [Select]

#navigatie li ul li { float: none; }

Regards Bernd

Title: Re: IE7 dropdown menu problem
Post by: Bramus on August 12, 2009, 07:52:15 PM

Hi Bernd,

Indeed the float:none did work, did put it on the ul ul for IE only because the other browsers where already displaying the page correctly.

Thanks for the info on the float:none !

Bram

Title: Re: IE7 dropdown menu problem
Post by: Bramus on August 13, 2009, 11:40:42 AM

Hi Bernd,

When hover on the parent is works, but when you hover the subitem it jumps to 2 lines, can you help me with this also?

Again only in IE7