Inconsistence between FF and IE when using showmenu2 with td and img

[ocline]

Guys

That was CSS case indeed, height of <tr> was set implicitly, has just corrected css and now the page is fine.

Many thanks for your help.

[Ruud]

Show_menu2 does not know anything about browsers, the same for WebsiteBaker. For all they care you could be looking with your motorcycle. The same data will be send every time.

If you give a link to the site you are working on it might be that someone could give more tips, although the general rule is that you should ask CSS related questions on CSS forums and not on this forum.

As another option, use Google to search for "CSS IE FF". It will give you 700.000 results.

Ruud

[ocline]

*  { margin:0; padding:0; } doesn't solve it.

Could it be that showmenu2 adds and extra space or other symbol into the output and that inside the <td> tag causes all that shifting?

[Ruud]

just a wild guess..

start your css with:

Code Select Expand

* { margin:0; padding:0; }


That often helps in margin problems between FF and IE

Ruud

[marathoner]

I this that this has nothing to do with showmenu2. The problem is that FF and IE 7 render the CSS differently. You might want to play with your CSS and check some of the IE 7 hacks to address the rendering problem.

[ocline]

Hi guys,

I've ran into a problem using showmenu2 on my site. Everything were just great till I have looked at the page in IE7.

Need your advise, is it possible to use showmenu2 with table layout so that background image inside td cell wouldn't shift with white spaces appearing on the image borders if viewed in IE. However it looks fine in FF.

showmenu2 was configured as follows :

Code Select Expand

<?php show_menu2(0, SM2_ROOT, SM2_START, SM2_ALL,'<td class="[class]">[a][menu_title]</a><td class="separator"><img src="'.TEMPLATE_DIR.'/img/m_s.png"/>','</td>', '<tr class="topMenu"><td style="padding: 0px;"><img src="'.TEMPLATE_DIR.'/img/m_l.png" />', '<td width="100%"/><td style="padding: 0px;"><img src="'.TEMPLATE_DIR.'/img/m_r.png" /></tr>', ''); ?>


Screenshots are attached.

Thanks.


[gelöscht durch Administrator]