Strange IE Mac 5.2.3 Problem

[vege1r]

Hi!

I am creting a Webappication which is able to throw out the content in different DOCTYPES.

Whe unsing the HTML-Template, the rendered Menu is just some purple blocks. When using the XHTML-Template, the buttons are very fine. The generated page looks great with any template in any other browser (KHTML, Safari, Geck, IE 5.0 - 7beta, iCab...)

The last and only Problem is the purple blocks in the menu. Maybe anyone here has had a similar problem??

The Menu is created with the following code (abridged):

HTML:
<td class='menuitem'><a class='menuitem'><img ...></a></td>

CSS:
td.menuitem
{
background-image: ...
}
a.menuitem
{
background-image: expression('...');
}


Thanx in advance...

.mario

[Mitthrawnuruodo]

IE for Mac stopped being developed years ago, and doesn't really support CSS. Some things might work, but most things won't.

Forget IE for Mac and test your pages in Safari (Mac), IE (Win), Firefox (Mac/Win/Linux) and Opera (Mac/Win/Linux). If it looks good, and the same, in those, you're safe... ;)

[vege1r]

I would if I could... the content renered out by the application has the requirement to look as best as possible on ANY browser - this unfortunately includes the IE5.2

i found a workaround to get work - without any mouseover effect but the purple blocks are gone. it's made with a special IE5.2 css-filter:

a.menu_uebersicht
{
/*\*//*/
background-image: url(../generator/gfx/menu/uebersicht_inactive.gif);
/**/
background-image: expression('url(../generator/gfx/menu/uebersicht_inactive.gif)');
}

the first order is just seen by IE5.2 and the second one is not parsed by this browser - but by IE5-7beta under WIN32...

greets,
mario

[ChicoWeb]

Yo

Its not working because of the quote marks around your background image syntax

IE can't handle

background-image: url('whatever.jpg');

has to be:

background-image: url(whatever.jpg);

I ran my head into the wall for hours one day trying to figure that out. GL.