Problem with css support with IE on Mac's?

[Rob_1978]

Hi,

I have just been told that a page uploaded to <snip> is going haywire in a mac (using internet explorer). Validates as ok and I can't see an obvious problem so I was wondering if anyone has any ideas as to the problem (problem with css support in mac's?)

Thanks in advance,

Rob

[edited by: Macguru at 5:23 pm (utc) on Dec. 9, 2002]
[edit reason] No URL please [/edit]

[Macguru]

Hi Rob_1978,

Welcome to WebmasterWorld [webmasterworld.com], and to the Macintosh Webmaster forum.

For various reasons, we dont allow site reviews on the board. Please read the charter [webmasterworld.com].

IE on the Mac is quite picky about valid source code, both in HTML and CSS. I recommend that you validate both, starting with CSS since it is the most common reasons for that.

[jigsaw.w3.org...]

Here is some tool for your HTML.

[searchengineworld.com...]

I hope this will fix the problem.

[Dante_Maure]

I generally browse on IE5 for Mac and have never found a problem with displaying properly coded CSS designs.

[jimbo_mac]

I Agree with Macguru and Dante_Maure.

which version of IE are you having problrms with.
Also visit [developer.apple.com...]

some hacks at the bottom of that page for CSS workarounds

[BjarneDM]

There's at least *one* problem with CSS in IE 5.2 on MacOS X 10.2 Jaguar:

<div style="position: relative; top: -40px;" class="reklame">
<p style="text-align: center ; position: relative; top: 50px; z-index: 2;">
<span class="heading0">X</span>
<span class="heading1">haæeihash</span>
<span class="heading0">!</span>
</p>
<p style="text-align: center ; z-index: 1; margin: 0px 50px; padding: 25px 10px 10px 10px; border-color: red; border-style: groove; border-width: 10px;">
<span class="heading3">
ishaa-ghab-sz øihff i wøiwhtrawø ø rwøhawøia ihwqøiawøfhawø wøwaih awøihawøaw øwaihaø aøirhaøhawø
</span>
</p>
<img src="/grafik/SMiliesBig/triangle.gif" alt="" width="81" height="71" style="position: absolute; top: 40px; left: 15px;">
<img src="/grafik/SMiliesBig/triangle.gif" alt="" width="81" height="71" style="position: absolute; top: 40px; right: 15px;">
<img src="/grafik/SMiliesBig/triangle.gif" alt="" width="81" height="71" style="position: absolute; bottom: -30px; left: 15px;">
<img src="/grafik/SMiliesBig/triangle.gif" alt="" width="81" height="71" style="position: absolute; bottom: -30px; right: 15px;">
</div>

the bottom positioned gifs don't get placed correctly in IE 5.2
and neither do all of them in Opera 6 Linux / Mac
Mozilla (and clones) is the *only* browser on the Mac to get this correct :-)

yours in happy hacking
Bjarne - København ; Danmark ; Europa