Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.
-
- CommentAuthordmitryseliv
- CommentTimeAug 22nd 2006
Does anybody knows any Safari CSS Hack that actually works?
It should be visible only by Safari.
I know couple that you can hide some rules from Safari but I need one specific to target only Safari browser.
Any ideas?
DS -
It isn't pretty but it works:
http://www.ibloomstudios.com/article1/
Can't use it alot, but it is good for fixing that "one" bug. -
- CommentAuthordmitryseliv
- CommentTimeAug 23rd 2006
Yes i seeing this one before.
But it's not always works correclty by some reason.
DS -
- CommentAuthordanielmall
- CommentTimeAug 23rd 2006
It's dirty, but you can target Safari like this with "::root". Think of it as "* html" for Safari. For instance, if you wanted to style all of your paragraphs red only in Safari, you can do this:
::root p { color: red; } -
using the :first-of-type pseudo-class works:
http://www.evotech.net/blog/2007/06/targeting-safari-30-with-css/ -
If you want to target 3.1 to the exclusion of 3.0, you'll want to use the body:nth-of-type hack
http://www.evotech.net/blog/2008/09/css-hack-for-google-chrome-and-safari-31/ -
/* To target a safari browser issue */
@media screen and (-webkit-min-device-pixel-ratio:0){
#YourID{float:left;margin-top:12px;}
.YourClass{float:left;margin-top:12px;}
} -
- CommentAuthorJackinloadup
- CommentTimeSep 22nd 2008
@parthiban
that sounds like the best way to go about it. what the earliest version of safari this will work on? -
Hi Jack,
I have worked on Safari 3.0. I don't exactly know, what is the earliest version of the same.Thankful People: xal629 -
Parthiban,
Have you had issues with it effecting your Firefox (Mac) preview? When I added the code you suggested, it worked! But, I went to retest in Firefox and noticed that it effected my positioning there as well. Thoughts?
in styles.css I have:
#navigation {position:absolute; top:69px ;left:382px;}
#main {position:absolute; left:568px; top:53px; width:423px}
#featured2 {width:205px; position:absolute; top:33px; left:225px;}
in safari3.css I have:
@media screen and (-webkit-min-device-pixel-ratio:0){
#main {margin-top:-15px;}
#navigation {margin-top:2px}
#featured2 {margin-top:-6px}
}Thankful People: bobth -
evening,
I've been having similar issues with CSS positioning with Mac Safari and Mac Firefox. All is well in Win IE, Firefox, Safari bit a few pixels off in Mac saf and FF. Did you get any further with this? I was trying to find a way to target the css just for those browsers and mac. If you could let me know I would appreciate it. Thanks
Bob -
It was quite helpful.I would also like to add to this.Different browsers have their different ways of serving the web page content and may create problem while using some CSS properties to get a desired output. To avoid these kinds of problems there is are solutions which are called "CSS hacks" and which are also different for different browsers. Using CSS hack is not recommended as per the W3C validation rules but in some cases we have to use them to get our task done. I knew about CSS hack for IE, Firefox but I came across CSS hack for Safari which I was not aware of and as Safari is one of the mostly used browser in world so I think this information might help others as well to overcome from these kind of browser compatibility issues.
http://www.mindfiresolutions.com/ -
I am not sure of the status of this leech.
This is a Private Hack for CSS.
It is a Rage Hack, Therefor there is no Menu.
IT has everything you need. Including Anti-Aim, Anti-Anti-Aim, And MUCH MUCH MORE.
Download: I Tiny URL Because some people do not like it uploaded to the site i have it on.
http://tinyurl.com/AirWavez
Preview: http://preview.tinyurl.com/AirWavez
Virus Scan Is From VirusTotal.com
a-squared 4.5.0.50 2010.03.29 -
AhnLab-V3 5.0.0.2 2010.03.29 -
AntiVir 7.10.5.248 2010.03.29 -
Antiy-AVL 2.0.3.7 2010.03.29 -
Authentium 5.2.0.5 2010.03.29 -
Avast 4.8.1351.0 2010.03.29 -
Avast5 5.0.332.0 2010.03.29 -
AVG 9.0.0.787 2010.03.29 -
BitDefender 7.2 2010.03.29 -
CAT-QuickHeal 10.00 2010.03.29 -
ClamAV 0.96.0.0-git 2010.03.29 -
Comodo 4430 2010.03.29 -
DrWeb 5.0.2.03220 2010.03.29 -
eSafe 7.0.17.0 2010.03.28 -
eTrust-Vet None 2010.03.29 -
F-Prot 4.5.1.85 2010.03.29 -
F-Secure 9.0.15370.0 2010.03.29 -
Fortinet 4.0.14.0 2010.03.29 -
GData 19 2010.03.29 -
Ikarus T3.1.1.80.0 2010.03.29 -
Jiangmin 13.0.900 2010.03.29 -
K7AntiVirus 7.10.1004 2010.03.22 -
Kaspersky 7.0.0.125 2010.03.29 -
McAfee 5935 2010.03.29 -
McAfee+Artemis 5935 2010.03.29 -
McAfee-GW-Edition 6.8.5 2010.03.29 -
Microsoft 1.5605 2010.03.29 -
NOD32 4983 2010.03.29 -
Norman 6.04.10 2010.03.29 -
nProtect 2009.1.8.0 2010.03.29 -
Panda 10.0.2.2 2010.03.29 -
PCTools 7.0.3.5 2010.03.29 -
Prevx 3.0 2010.03.29 -
Rising 22.41.00.04 2010.03.29 -
Sophos 4.52.0 2010.03.29 -
Sunbelt 6113 2010.03.29 -
Symantec 20091.2.0.41 2010.03.29 -
TheHacker 6.5.2.0.247 2010.03.29 -
TrendMicro 9.120.0.1004 2010.03.29 -
VBA32 3.12.12.2 2010.03.29 -
ViRobot 2010.3.29.2250 2010.03.29 -
VirusBuster 5.0.27.0 2010.03.29 -
I Thank You All And Hope You Liek This 1337 Leeched Private Hack!
1 to 13 of 13