Hey there,

First post here and hope someone can help ...
i've just finished building a site for a local festival at: http://www.fromefestival.co.uk

Thought all was well - checked and optimised and compliant and looking just dandy on a PC - BUT then I saw the Events pages on a MAC Safari and IE5.2 - EEk!

See e.g:
http://www.fromefestival.co.uk/2006/events/070706.html

Something strange afoot - In Safari you can see event titles, but the paragraph descriptive text is all squished into one pixel on the left, and in IE you can ONLY see the titles.

The tag with the problem seems to be:
#eventitems p.description
{
padding: 3px;
font-size: 0.75em;
border-bottom: 2px solid #CC3333;
overflow:hidden;
clear:both;
margin-bottom: 8px;
}
- but just can't figure what is causing it??

FYI If you are on a PC you can see the problem in Safari at http://www.snugtech.com/safaritest/ - just copy in domain above.

Hoping someone can advise.

ps
css available via:
http://www.fromefestival.co.uk/2006/css/fromefestival_nosidebar.css
and
http://www.fromefestival.co.uk/2006/festival_diary.css

Can't help you with the problem, BUT, what you can do, is ignore IE for Mac completely. IE for Mac is no longer downloadable, because Microsoft themselves discontinued the product a couple of months ago. (I'm just hoping they will discontinue the one for PC as well). So you don't have to adapt the site for IE for Mac, becaus hardly anyone uses it. Mostly because it's deprecated and Safari pwns the browser any day.

Thx Twinrehz - makes me feel a bit better.
Just checking our stats and comes out as Mac 6.6 % and 4% from Safari - so definitely need to try and get this sorted at least for Safari. I just can't figure it - head hurts!

Can anyone advise on Safari?

Remove "overflow:hidden;" from #eventitems p.description, and it works fine for me. You don't need an overflow there unless you set a height for the paragraph. If you add a paragraph height it shows up.

What funkdaddu said. The overflow attribute only should be used in conjunction with the height attribute.

And for more information on what twinrehz was talking about:

http://www.microsoft.com/mac/product...ternetexplorer

I figure if they're telling users to upgrade to Safari, then well...upgrade to Safari.

You may also be seeing some Firefox/MAC traffic. as well, so the IE for MAC percentage is probably below 0.5%.

Also, how much of that percentage is you testing?

Thank for the responses -but - I have removed the "overflow:hidden" and nothing has changed ... ???
Based on your posts I am now only really concerned about Safari. I think I am probably contributing minimal %age as I am working on a PC and just checking Safari on a friends Mac and via snugtech.com.
There are a few key people that I know will be using Safari on this site and right now am feeling like a total duffus - just can't get to the bottom of this ... sigh ...

No need to feel like a dufus, it's difficult adapting sites to as many browsers as possible.

That anyone would use IE for Mac is beyond me... Opera and FireFox mostly acts as they do on a PC, there might be some different rendering on automatic borders, margins and paddings, but that can be solved by inserting:

* {
     margin: 0;
     padding: 0;
     border: 0;
}

In the top of the CSS. As long as you put it in the top, it wont affect the paddings, margins and borders you use elsewhere in the CSS.

All sorted! :-) Thanks for your support and advice Twinrehz