__THISRES__94791.jpg "Clementia by `shigemitsubaki 2 months 4 hours ago")
Browser Specific Code Guidline
1 Page: [ 1 ]
AP CSS selector for targeting specific browser.
Supported Browser
1. Firefox (all Gecko Engine)
2. Safari
3. Opera
4. MSIE 6
5. MSIE 7
Firefox2, Flock, Camino, Mozilla Application Suite, Netscape.
Safari Browser (Mac/Windows - all version)
Opera Browser (all version)
MS Internet Explorer 6
MS Internet Explorer 7
note: MSIE 5 & below is not supported.
Example Usage
Standard code
just for Safari
for MSIE 6 & 7
CSS hack
List of invalid CSS hack that will be strip by AP CSS Compressor.
is valid CSS Hack but not recommended.
Support the standards so it will continue to look good in the future.
--
Any question? Please post in new threads.This thread is closed for future revision.
Supported Browser
1. Firefox (all Gecko Engine)
2. Safari
3. Opera
4. MSIE 6
5. MSIE 7
Firefox2, Flock, Camino, Mozilla Application Suite, Netscape.
body.firefox selector{ }
Safari Browser (Mac/Windows - all version)
body.safari selector{ }
Opera Browser (all version)
body.opera{ }
MS Internet Explorer 6
body.msie6 selector{ }
MS Internet Explorer 7
body.msie7 selector{ }
note: MSIE 5 & below is not supported.
Example Usage
Standard code
div.header{ width: 650px }
just for Safari
.safari div.header{ width: 649px }for MSIE 6 & 7
.msie6 div.header,
.msie7 div.header{
width: 550px
}CSS hack
List of invalid CSS hack that will be strip by AP CSS Compressor.
IE extended underscore : _ (i.e: _margin: 15px;)
IE extended string : !@#$%^&*()_-+=/?.,|{;:<>
IE Backslash hack: \ (i.e: w\idth: 180px;)
IE expression : prop: expression()
IE htc : behavior:url()
is valid CSS Hack but not recommended.
IE 6 : * html selector{}
IE 7 : *:first-child+html selector{}
Opera 9 : html:first-child selector{}
Support the standards so it will continue to look good in the future.
--
Any question? Please post in new threads.This thread is closed for future revision.
#641255 Quote Report Edited by ☆ChaosKaizer 1 year 10 months ago
Internet Explorer can make your computer unsafe (& graphics horrible). Why not switch to a browser that's more secure?
support alternative browser
Istalker · dont click! (pr0n)
If you try to fail, and succeed, which have you done?
We had updated the browser specific code. The new (X)HTML structure look like the below code.
<body class="browser_name browser_version">
The new browser css selector has two classname. The first one is the browser user agent name and the second classname is the browser user agent name with initial version number. the below example show you what its look like if user is on internet explorer 6.
body.msie{}
body.msie6{}
both of the two selector above is available.
Now you can target all browser version and specified different styles for different browser version number. This methods would be useful if let say you want to fix IE consistency bug (haslayout) .
normally you would write it like so
body.msie6 div.box,body.msie7 div.box{
height:1%
}
With the new code you. you only need to write it like the below example
body.msie{ height:1% }
New browser added
Konqueror
netscape
Ap Specific browser selector
body.firefox{}
body.firefox1{}
body.firefox2{}
body.firefox3{} "trunk version"
body.opera{}
body.opera8{}
body.opera9{}
body.safari{}
body.safari2{}
body.safari3{} "3b public version both Windows & Osx"
body.msie{}
body.msie6{}
body.msie7{}
body.konqueror{}
body.konqueror3{} "version 3.0 - 3.5"
body.netscape{}
body.netscape8{}
body.netscape9{} "on linux"
If you guys need anything regarding our CSS send it to
.This post has been filtered for improved legibility #655979 Quote Report Edited by ☆ChaosKaizer 1 year 9 months ago
Internet Explorer can make your computer unsafe (& graphics horrible). Why not switch to a browser that's more secure?
support alternative browser
Istalker · dont click! (pr0n)
If you try to fail, and succeed, which have you done?
1 Page: [ 1 ]