Problems with Mac IE & Safari

[Ian Beer]

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]

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

<div class="picright">
<img src="blah" width="..." height="..." alt="..." />
</div>
with
<img src="blah" width="..." height="..." alt="..." class="picright"/>

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]

"Philip Ronan" <in*****@invalid.invalid> wrote in message
news:BE1AADB3.295A2%in*****@invalid.invalid...

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
<div class="picright">
<img src="blah" width="..." height="..." alt="..." />
</div>
with
<img src="blah" width="..." height="..." alt="..." class="picright"/>

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/

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.