Forum Moderators: not2easy

Message Too Old, No Replies

Strange IE7 bugs

         

macaco

4:43 pm on Nov 8, 2007 (gmt 0)

10+ Year Member



Bug #1: It shows OK in IE6 / Firefox and any other browser, except for IE7.

I don't know why the right-floated column "disappears". When I click on any drop-down menu on the right (such as "Mercados"), it appears again.

Bug #2: When clicking on "Biblioteca Tecnica", the layer containing the shadows on the top changes it's position.

Both only happen on IE7.
Any ideas?

Many Thanks

[edited by: jatar_k at 7:03 pm (utc) on Nov. 8, 2007]
[edit reason] no urls thanks [/edit]

SuzyUK

11:09 am on Nov 11, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Hi macaco, and Welcome!

I *suspect* it will be some form of a haslayout bug/error, but without seeing the code that is just a guess

IE7 is still affected by hasLayout and usually it shows in different ways than IE6 would show it. They fixed some of the better known display errors in IE6 but they never removed the cause (hasLayout) so in certain circumstances display errors are still triggered in IE7. It's by no means an exact science though as to when or where they will occur which makes it tough to provide blanket rules of thumb.

So try some of the usual 'fixes' add zoom: 1; to:
1. your menu items - the <a>'s
2. your menu item containers - the <li's>
3. the menu containers - the <ul>
4. the containing div

though not all of them at the same time, one at a time to see what effect if any

also try adding zoom:1; only to the :hover rule of the affected menu

sorry not to more precise, but if you can post a small sample of your code, which still shows the errors it might be easier to suggest the best place for a fix

macaco

9:33 pm on Nov 11, 2007 (gmt 0)

10+ Year Member



Many Thanks!

With your help I realized that in fact the problem was not in the "disappearing" div, but in the menu.

I think it was due to some floated images inside the menu. By changing this now it works fine.