Welcome Guest [Log In] [Register]

Welcome to Big Boards. Big Boards at one time offered the Zathyus network our long famous Resource Archives, our extensive search indexes, and our info-packed resource forums. Eventually, these were made redundant by upgrades to the documentations and expanded search features added to the ZetaBoards software, and this forum then lost relevancy and subsequently became inactive.

Our team then embarked on 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 (483 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