CSS/Box Model Pros To The Rescue --ie5/mac issue--

[operon]

hello everybody,

i really need your help on this. i am just in the process of coding a little portfolio-site for a friend.
i'd be happy if this thread turns into a lively and fertile discussion on this topic.

you can have a look at it here: www.alexwunderlich.de

the css file you will find here: css file

i hope the code is formatted well enough, so anybody can understand it...

-site validates well in xhtml strict
-shows up fine in firefox, opera7, and ie6 on windows

but now the trouble starts here:


-ie5/win doesn't apply the css for the text displayed on this page: vita

-i know, the boxmodel hack hasn't been applied yet, but thats my least problem right now, since that seems to be easy to fix

-the site MUST render nicely on any mac:

ie5/mac absolutely kills the layout! and i think it's not just a box model problem, is it?
who can help me with this ie5/mac issue?
adding up to this, early versions of safari break the navigation bar on top of the page for some strange reason.

ANY HELP and SUGGESTIONS are very wellcome!

i am really trying to do my best in writing good standards compliant code that validates - but as a newbie i am really stuck here.

and no, i don't tell me to use tables instead - that's not an option.

thanx in advance,

operon

[Paul O'B]

Hi,

I think you can fix ie5 by adding this style to help it along.

table {
 font-family: Helvetica, Verdana, Arial, sans-serif;
 font-size: 1.0em;
  color: #a9a9a9;
}

My mac isn't connected so I couldn't try it out but I notice you are using floats without widths. IE5 mac hates this and will render the elements at 100%. You need to provide ie5 mac withi its own widths in order for it to work correctly.

Paul