Welcome Guest [Log In] [Register]

Welcome to Big Boards. We hope you like what you see and decide to visit often. Big Boards offers the Zathyus network our long famous Resource Archives, our extensive search indexes, and our info-packed resource forums.

Our team has recently opened a new project called Planet Nexus, where a bold new experiment in forum promotion is taking place. We call it nexworking. NexusTree offers social networking pages for forums in a fully automated format. Your NexusTree page is created instantly when your join the nexus. Find out more by visiting Planet Nexus, and become part of the nexworking revolution.

Posted Image Posted Image
If you're already a member please log in to your account for additional access:

Username:   Password:
Closed Topic
Safari only code >.<; safari bug
Topic Started: Sep 4 2008, 04:54 PM (94 Views)
Jjciantar
BB Alpha
[ * ]
Board URL: http://pixeloutline.com
What browser(s) are you using? Google Chrome, it renders the same as Safari 3.0 though.
Your Forum System (IF or ZB): IPB
Your Issue/Question: The catend is stretched, I can't find a way to make it smaller. -_- It shows perfectly fine in IE and FF though. I think it's that cursed double line-height bug safari has. I've googled around a bit, but can't find a really good way to make some code effect only safari.


Never mind, I fixed this issue by doing the following. :D
Add
Code:
 
<script>

var isSafari3 = false;

//window.devicePixelRatio &&  window.getMatchedCSSRules is only implemented by Safari 3 now.
if( window.devicePixelRatio &&  window.getMatchedCSSRules ){
//you need  put html {list-style-image:none;} in yout Safari 3 only stylesheet first
//we detect whether if it's Safari 3 by checking if it read some Safari 3 only styles
   isSafari3  =  !!window.getMatchedCSSRules(document.documentElement,'');
}
</script>


and add to css
Code:
 
/*Safari 3 patches*/

@media screen and (-webkit-min-device-pixel-ratio:0){
 
 html{

/*
need this so that Safari3 can
use window.getMatchedCSSRules to collect CSSStyleRule later
*/

list-style-image:none;

 }

.yourclass{

properties

}
}
Posted Image
Offline
Profile
Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Global Support Archive · Next Topic »
Closed Topic