Padding problem in IE6

Poster: phlee
Dated: Tuesday May 12 2009 - 22:54:26 BST

Hi there,

I am having an issue w/ padding in IE6.
Here is the URL to the test server:
http://ohqc.mesh-test.com/en/index_v6.php

- The black background for the menu should be 25 pixels in height; this works everywhere except in IE6
- When I remove the menu, IE6 displays the height of the black background properly, however, when the menu is included the height gets expanded as if extra padding were added.

Is there a possibility to control padding for that browser individually?

Also, I have purchased a license for the menu for the ohqc.ca site. The license seems to work on locally on the test server (even though it is not ohqc.ca), will it work automatically on the prod server?

Thanks
ph

Re: Padding problem in IE6

Poster: Ruth
Dated: Wednesday May 13 2009 - 0:14:05 BST

Hi,

IE6 had a number of bugs including padding bugs for floating divs, nested divs, divs with images etc. I don't know if it is going to be possible to fix this, but have you tried adding padding:0px; to the div, and also adding padding:0px to the black nav div, and maybe height to that div, also. You can also try adding menuheight=25px"; and itemheight="25px"; to that main menu and see if that will help.

Ruth

Re: Padding problem in IE6

Poster: phlee
Dated: Wednesday May 13 2009 - 14:50:29 BST

Hi Ruth,

I have tried all your recommendations but unfortunately nothing changes the behaviour in IE6.
If I comment out the entire menu then the height of the black background is fine; as soon as I include the menu, the black background gets stretched.
The only thing that seems to have an influence is the "padding" attribute in the menu style; but this influences all browsers so changing that is really no good. That's why I was asking if there was a control or work-around somewhere that would only target IE6.
Do you have any other ideas?

On another note, how do I get _subOffsetTop to work? I am assuming that this is the offset of the dropdown menu from the top. I'd like to increase that but when I change the value there, nothing happens in the browser.

Thanks
ph

Re: Padding problem in IE6

Poster: Ruth
Dated: Wednesday May 13 2009 - 20:07:35 BST

Hi,

The reason you don't have a problem when you comment out the menu is that the div now has nothing in it. I tried researching it, but there are so many hacks, fixes and such for padding issues and I do not have IE6 so I cannot play around to find which, if any solution, would work. There is one issue about floating divs, which you don't have put you do have nested divs and that may have the same problem. Something about the edges of divs meeting and IE adding about 3px of space between them. The only other suggestion I have is that you try removing the padding from the menu and adding that to the div then call the offclass and onclass for that div in the menu and see if that fixes it. I wish I had a way to test in 6, usually I can find problems and fix them, even when it is a bug in the browser I can usually find some way to work around it.

As to the subOffsetTop, that applies to vertical menus. There is usually no necessity for that in a horizontal menu since most expect the offset to be right at the bottom of the main item. However, you can set it, but only by setting it in each sub menu using top="offset=x";

Sorry I can't do more without IE6.

Ruth

Re: Padding problem in IE6

Poster: phlee
Dated: Wednesday May 20 2009 - 16:02:26 BST

Hi Ruth,

I've tried playing with the padding in the main menu control but I think that is going to cause more headache than it's worth as it is changing too much in the other browsers.
I wish we could ignore IE6 but there are still many users out there that use that browser

Thanks for the tip on the offset.

ph