stylesheet for Safari?

stylesheet for Safari?

by wowow turk -
Number of replies: 6
Hi!

Apple has introduced Safari 3.1, the brilliant browser. Even on my Windows PC, I love to use it. Well, I'm posting this with Firefox 3.0b5 on Windows though 赤面

I've just finished my first mini Flash game on Moodle with Flex Builder and AMFPHP, then I put it on to Moodle through Add a resource...-> Link to a file or web site.

Next, I checked how it is shown on different browsers, adjust the size of the window which displays the Flash by modifying stylesheets. Now everything is OK on both Firefox and IE, but no luck on Safari.

Does anyone know how to prepare a stylesheet file for Safari? Thanks a lot!

P.S.
All I want to change is:
.resourcecontent object {
height:???px;
width:???px;
}
Average of ratings: -
In reply to wowow turk

Re: stylesheet for Safari?

by Jeremy Crabtree -
Can you be a bit more specific as to what is happening differently on Safari? That is, what is the specific issue you're having with Safari rendering your layout?

I'm a Mac user / administrator and I find that most of the time, if it works in FireFox, it will work in Safari. (IE just makes me want to scream, however smile
Average of ratings: -
In reply to Jeremy Crabtree

Re: stylesheet for Safari?

by wowow turk -
Hi Jeremy!

I've put a .swf file by "Add a resource..." then "Link to a file or web site" onto my course. When I check the embedded .swf file on the resource page, the sizes of frame that embeds the .swf differ on diffrent browsers. So what i'm tring to describe is the frame size for .swf file.

Would you check the attach file? Thanks!

FYI:
Firefox 3 Beta 5
IE 6
Safari 3.1

All captured on Windows.

My old iBook sleeps all day long these days... ピエロ
Attachment haole.jpg
Average of ratings: -
In reply to wowow turk

Re: stylesheet for Safari?

by Jeremy Crabtree -
Sorry to say, I can't really help with this, since I don't do flash. The only thought I have is that maybe your swf file isn't sizing itself properly, or, perhaps, is not handling resizing well.

One thing to bear in mind, though, is the fonts on Windows will, almost always, be larger a the same point size than they are on Mac OS X. This will affect your web-page layouts if you intend your pages to be used on both.
Average of ratings: -
In reply to Jeremy Crabtree

Re: stylesheet for Safari?

by wowow turk -
Hi Jeremy!

Thanks for your advice.

All I want to know is how to set up a stylesheet for Safari. That's all 赤面

As you see in my attachment, the frame sizes of Flash differ on FF, IE and Safari, all on Windows(So my issue has nothing to do with Mac). The sizes are set by:

.resourcecontent object {
height:???px;
width:???px;
}
in stylesheet.

I thought clientInfo($useragent='') function was the function, however, this function is never called anywhere in Moodle?驚き

Does anyone know how to set up a specific stylesheet for other than IE? Thanks a lot!
Average of ratings: -
In reply to wowow turk

Re: stylesheet for Safari?

by Jeremy Crabtree -
Try it in this order

object.resourcecontent {
height:???px;
width:???px;
}

Also, be aware that the default margin and padding are not the same across browsers, so you may want to set padding and margin to 0px, or some known value, as well.

(Also, if you are using a Mac, check out CSSEdit: http://macrabbit.com/cssedit/ , it is a great tool for creating styleheets. (I''m not affiliated with them, I just love the product), it might make some things simpler for you.)
Average of ratings: -
In reply to Jeremy Crabtree

Re: stylesheet for Safari?

by wowow turk -
Thanks Jeremy!

I guess
#mod-resource-view .resourcecontent {
text-align:center;
margin:10px;
}
set the margin for me ウインク

As for "object.resourcecontent", it does not work unfortunately. Actually it does not match the class at all 悲しい


I just want to prepare a stylesheet only for Safari, just like for IE6 or IE7... ヘトヘト
Average of ratings: -