Stylesheets - Problems with Mac IE & Safari

Author

Problems with Mac IE & Safari

Ian Beer

2005-01-24, 12:29 pm

I am told by a couple of Mac users that a site I am building does not
display properly under either IE or Safari, they no not seem to agree
however exactly what the display problems are.

CSS (& XHTML) are both standard compliant and the site displays as intended
under Firefox and IE 5+ onward on a PC.

Could anyone with a Mac take a look at http:/www.woodchester.ruthani.co.uk
and tell me what the display problems are and whether they have any idea of
the cause as I surely don't. I thought the IE problem might be the result
of floating a div without a width, as they contain an image the width was
implicit, but even specifying seems to have no effect.

I rather think it may be quicker to scrap the css and start again, but
before I do, has anyone any suggestions please.

Thank

Philip Ronan

2005-01-24, 12:29 pm

Ian Beer wrote:

> I am told by a couple of Mac users that a site I am building does not
> display properly under either IE or Safari, they no not seem to agree
> however exactly what the display problems are.

In IE5/Mac, the top of the "#picright" floated image is lined up with the
bottom of the left column's content, and its border stretches across the
whole of the content column. You should state an explicit width for this
floated box because IE can't work it out from the image dimensions.

> CSS (& XHTML) are both standard compliant and the site displays as intended
> under Firefox and IE 5+ onward on a PC.
>
> Could anyone with a Mac take a look at http:/www.woodchester.ruthani.co.uk
> and tell me what the display problems are and whether they have any idea of
> the cause as I surely don't. I thought the IE problem might be the result
> of floating a div without a width, as they contain an image the width was
> implicit, but even specifying seems to have no effect.

Well could you try it anyway? Or alternatively replace

with
[color=darkred]
[color=darkred]
> I rather think it may be quicker to scrap the css and start again, but
> before I do, has anyone any suggestions please.

Just a couple of observations:

1. The remarks about what sort of hardware and software your visitors should
be using sound *really* pompous. When people visit this mansion, is the tour
guide going to complain about their fashion sense or tell them the car they
arrived in is a pile of junk? I think not.

2. Your CSS file is full of "fixes" on top of "fixes" and additional "fixes"
to fix the problems caused by the earlier "fixes". Not a good idea, if you
ask me. Keep it simple (stoopid).

--
phil [dot] ronan @ virgin [dot] net
http://vzone.virgin.net/phil.ronan/

Ian Beer

2005-01-24, 12:29 pm

"Philip Ronan" <invalid@invalid.invalid> wrote in message
news:BE1AADB3.295A2%invalid@invalid.invalid...
> Ian Beer wrote:
>
>
> In IE5/Mac, the top of the "#picright" floated image is lined up with the
> bottom of the left column's content, and its border stretches across the
> whole of the content column. You should state an explicit width for this
> floated box because IE can't work it out from the image dimensions.
>
intended[color=darkred]
http:/www.woodchester.ruthani.co.uk[color=darkred]
of[color=darkred]
result[color=darkred]
was[color=darkred]
>
> Well could you try it anyway? Or alternatively replace
>
>
> with
>
>
>
> Just a couple of observations:
>
> 1. The remarks about what sort of hardware and software your visitors
should
> be using sound *really* pompous. When people visit this mansion, is the
tour
> guide going to complain about their fashion sense or tell them the car
they
> arrived in is a pile of junk? I think not.
>
> 2. Your CSS file is full of "fixes" on top of "fixes" and additional
"fixes"
> to fix the problems caused by the earlier "fixes". Not a good idea, if you
> ask me. Keep it simple (stoopid).
>
> --
> phil [dot] ronan @ virgin [dot] net
> http://vzone.virgin.net/phil.ronan/
>
Thanks for that, I think the css got out of control a month or so back, as
you say simple is best, many of the "fixes" are probably uneccessary in the
event.

My apologies for the "remarks", they were not intended for the public and
would have been removed from the site before is was put in the public
domain, they were a private joke between myself, a Firefox user and the
co-designer, an IE 5.5 user who complained on one occassion that he couldn't
see what I saw.