HTML/CSS doesn't render properly in Mac IE & Safari

[charlesdavison]

Hello all,

I was wondering if anyone could explain why the page below doesn't display properly in Mac IE 5 and Safari (the main content area moves off to the side, etc. It renders well in Firefox (Mac & Win) and IE Win...

HTML file is here.

CSS file is here (may need to right click & save as).

Any help would be appreciated!

[Charles]

Start with valid CSS. See http://jigsaw.w3.org/css-validator/v...co.uk/newsite/ .

And please consider using HTML 4.01 Strict and ridding yourself of the pernicious proctice of using TABLEs for layout.

[charlesdavison]

Oops... It seems the wrong (old) file was being pointed to. It should work now and make some more sense:

HTML file is here .

CSS file is here (may need to right click & save as).

[PeOfEo]

http://www.danvine.com/icapture/detail/36290.html here is what it looks like on safari, coutesy of icapture. Just looks like a few minor box model issues to me. It does not look to be interfearing with the content though, and it does not look that bad. I would not worry about it too much myself. If it bothers you you can try hacking it a bit, I have a good hack chart link in my signature.

[charlesdavison]

Mmmm.. I love the way fonts look on a mac.

But anyway, I think the problem with Safari is the nav bar under the header image. It's like it's moved over to the right and would obviously make the site quite difficult to navigate

Other than that is does look ok

[PeOfEo]

You can use z-index to overcome that. Just make sure the nav div has a higher z-index then the header and if things want to slide (depending on platform, resolution, window size) the content will be on top. But it would still probably be a good idea to rework the code, maybe hack that too.