• twitter image
  • facebook image
  • youtube image
  • linkedin image
Language: CMS Made Simple Czech CMS Made Simple France CMS Made Simple Spain CMS Made Simple Hungary CMS Made Simple Russia CMS Made Simple Netherlands

All times are UTC




Post new topic Reply to topic  [ 8 posts ] 
Author Message
 Post subject: To Target Specific Browsers:
PostPosted: Sun Jan 11, 2009 6:28 am 
Offline
Administrator
Administrator
User avatar

Joined: Thu Mar 09, 2006 5:32 am
Posts: 11812
Location: Arizona
To Target Specific Browsers:

#ID or .class is like div#main or div.main

* html #ID or .class {
  ie6
}

NOTE: sometimes IE6 requires...

* html body #ID or .class {
   ie6
}

*:first-child+html #ID or .class {
  ie7
}

#ID or .class, x:-moz-any-link, x:default {
   FF3
}

body:nth-of-type( ) #ID or .class {
   OLDER versions of: chrome and safari
}
      OR

body:nth-of-type(1) #ID or .class {
  chrome and safari, this will just target the 1st one
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#ID or .class {
new versions of chrome and safari
}
}

First time ever I had to target Firefox only as all other browsers showed the same thing...

@-moz-document url-prefix() {
#ID or .class {
for latest firefox
}
}

_________________
Extensions » Modules/Tags click the name of the module/tag or Help to the right to get its parameters.
Right click and view source is a great way to see what you have to work with.
Check ver. CMSMS, PHP, server OS, in System Information page.
Default content http://multiintech.com/defaultcontent/
People are Wonderful
Business is Great
Life is Terrific
Ever wonder what happened to the Album module? Well it is alive and well.
http://album.multiintech.com/
Image


Last edited by Dr.CSS on Sat Dec 24, 2011 3:51 am, edited 4 times in total.
New calls...


Top
 Profile  
 
 Post subject: Re: To Target Specific Browsers:
PostPosted: Sun Feb 15, 2009 3:52 pm 
Offline
Forum Members
Forum Members
User avatar

Joined: Thu Jul 24, 2008 3:31 am
Posts: 139
Thanks for this.

_________________
CMSMS Made


Top
 Profile  
 
 Post subject: Re: To Target Specific Browsers:
PostPosted: Thu Mar 05, 2009 2:00 pm 
Offline
Power Poster
Power Poster
User avatar

Joined: Tue Mar 04, 2008 10:37 am
Posts: 302
Location: The Netherlands
Could come in handy, but the thing is that your css will not validate.

Another option would be a simple javascript detection browser, and then passing on a class for that specific browser. (fairly easy to do, but only for specific elements and such..)

_________________
Finished lately: www.outbackexplorers.nl, www.bonaireaanzee.nl


Top
 Profile  
 
 Post subject: Re: To Target Specific Browsers:
PostPosted: Sat Mar 07, 2009 9:52 pm 
Offline
Forum Members
Forum Members
User avatar

Joined: Fri Jun 06, 2008 7:20 pm
Posts: 62
Location: Montreal, Canada
If I understand correctly, the http://rafael.adm.br/css_browser_selector/

Very handy script, can target browsers and their different versions.


Top
 Profile  
 
 Post subject: Re: To Target Specific Browsers:
PostPosted: Sun Oct 07, 2012 1:42 pm 
Offline
Forum Members
Forum Members

Joined: Mon Dec 05, 2011 4:40 pm
Posts: 43
Location: Voorburg, Nederland
Or use browser detection
for example viewtopic.php?f=4&t=63334


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 8 posts ] 

All times are UTC


Who is online

Users browsing this forum: No registered users


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
A2 Hosting