Dreamweaver - CSS and Safari

Author

CSS and Safari

heavenstobetsy

2005-01-26, 12:23 pm

Does Safari handle CSS properly? Looking at previous threads there doesn't seem
to be a problem, but I've used CSS, rather than tables, to define width
constraints and text boxes for various text styles on my site and they don't
render in Safari. They work as they should in both IE and Firefox.

Also Safari doesn't seem to recognise the formatting for my pseudoclasses from
the CSS, although it does when the same definitions are included in the page
rather than called from CSS.

Please can someone advise?

Osgood

2005-01-28, 7:20 pm

Safari is fine handling css. Would need to see your page to try and work
out what it is you are doing wrong.

Can you post a url to it?

heavenstobetsy wrote:

> Does Safari handle CSS properly? Looking at previous threads there doesn't seem
> to be a problem, but I've used CSS, rather than tables, to define width
> constraints and text boxes for various text styles on my site and they don't
> render in Safari. They work as they should in both IE and Firefox.
>
> Also Safari doesn't seem to recognise the formatting for my pseudoclasses from
> the CSS, although it does when the same definitions are included in the page
> rather than called from CSS.
>
> Please can someone advise?
>

heavenstobetsy

2005-01-28, 7:20 pm

OK. Discovered what the problem was. Safari was holding an older version of the
CSS in the cache and wasn't reloading it on refresh.

Emptied the cache and all is well -- at least in Safari!

Have now discovered that IE on the Mac is rendering my menus differently from
IE on the PC ... why is this never simple?!!

Osgood

2005-01-28, 7:20 pm

heavenstobetsy wrote:

> OK. Discovered what the problem was. Safari was holding an older version of the
> CSS in the cache and wasn't reloading it on refresh.
>
> Emptied the cache and all is well -- at least in Safari!
>
> Have now discovered that IE on the Mac is rendering my menus differently from
> IE on the PC ... why is this never simple?!!
>
Both PC and Mac versions of IE are very bug ridden and are the most
complex to design for.

Are you by any chance using css to float your <a> tags or <li> tags,
that is one reason for it to go belly up in IE on the Mac.

heavenstobetsy

2005-01-28, 7:22 pm

> <BR>Both PC and Mac versions of IE are very bug ridden and are the most
<BR>complex to design for.<BR><BR>Are you by any chance using css to float your
<a> tags or <li> tags, <BR>that is one reason for it to go belly up in IE on
the Mac.<BR><BR>

No. There seems to be a difference in how the 2 versions handle alignments
specified using <div> tags.

I'd used <div> to specify an alignment for the layer and that displayed fine
in IE-PC, Firefox and Safari, but not in IE-Mac. I changed the section so that
each line had its own <p> alignment and it solved the problem.

Pain in the backside though. A lot of extra code. Unless it was something I
did wrong, which is every bit as likely!

Gary White

2005-01-28, 7:22 pm

heavenstobetsy wrote:

> I'd used <div> to specify an alignment for the layer and that displayed fine
>in IE-PC, Firefox and Safari, but not in IE-Mac. I changed the section so that
>each line had its own <p> alignment and it solved the problem.
>
> Pain in the backside though. A lot of extra code. Unless it was something I
>did wrong, which is every bit as likely!

We'll probably never know unless you happen to post a link to the page.
;-)

Gary

heavenstobetsy

2005-01-28, 7:22 pm

This is the previous code which displayed fine in IE-PC, Firefox and Safari,
but not IE-Mac:

<table width="95" cellspacing="0" cellpadding="2" class="a1"><div
align="right">
<tr>
<td height="26"><font
color="#660099"><strong>Home</strong></font></td>
</tr>
<tr>
<td height="37"><a
href="content/beginners_guide.htm">Beginner's Guide</a></td>
</tr>
<tr>
<td height="37"><a href="content/essay_articles.htm">Essays
& Articles</a></td>
</tr>
<tr>
<td height="26"><a href="content/links.htm">Links</a></td>
</tr>
<tr>
<td height="26"><a href="content/links.htm">Contact</a></td>
</tr>
<tr>
<td height="26"><a href="content/sitemap.htm">Site map</a></td>
</tr>
</div>
</table>

This is what I had to change it to to get it to display properly in IE-Mac:

<table width="95" cellspacing="0" cellpadding="2" class="a1">
<tr>
<td height="26"><p align="right"><font
color="#660099"><strong>Home</strong></font></p></td>
</tr>
<tr>
<td height="37"><p align="right"><a
href="content/beginners_guide.htm">Beginner's
Guide</a></p></td>
</tr>
<tr>
<td height="37"><p align="right"><a
href="content/essay_articles.htm">Essays
& Articles</a></p></td>
</tr>
<tr>
<td height="26"><p align="right"><a
href="content/links.htm">Links</a></p></td>
</tr>
<tr>
<td height="26"><p align="right"><a
href="content/links.htm">Contact</a></p></td>
</tr>
<tr>
<td height="26"><p align="right"><a
href="content/sitemap.htm">Site
map</a></p></td>
</tr>
</table>

Gary White

2005-01-28, 7:23 pm

heavenstobetsy wrote:

> <table width="95" cellspacing="0" cellpadding="2" class="a1"><div
>align="right">

It's a wonder the above displays "correctly" in ANY browser. It's
completely invalid. You cannot have anything between the <table> and
<tr> tags.

It seems to me that it would be easier and more code efficient to just
add the text-align: right to the "a1" style instead of adding all those
align="right" attributes:

..a1 td{text-align: right}

But, of course, you didn't provide a link to the page, so I'm seeing
this out of context and it may not work exactly the way you want.

Gary

heavenstobetsy

2005-01-28, 7:23 pm

> It's a wonder the above displays "correctly" in ANY browser. It's completely
invalid. You cannot have anything between the <table> and <tr> tags.

Ah! Well thanks for that. Do you know of any good online resources for the
basics of html? I've been trying to find out these sort of things through the
Dreamweaver help files but they're not very forthcoming.

Gary White

2005-01-28, 7:24 pm

heavenstobetsy wrote:

> Ah! Well thanks for that. Do you know of any good online resources for the
>basics of html? I've been trying to find out these sort of things through the
>Dreamweaver help files but they're not very forthcoming.

You might be better served by a good book, but you can get a descent
start at http://www.w3schools.com/.

Gary