how to write css for seperate browser

by nomaziz

Posted: 15 years ago 6 replies

WEB DESIGN

anyone tell me how to write CSS for seperate browsers?

Thanks

#browser #css #seperate #write

KirkMcD 15 years ago

Write for everything else, than you need to modify it for IE. Check this out on how to do that:
Internet Explorer Conditional Comments
- Thanks
{{ DiscussionBoard.errors[4778536].message }}
KyleGolemMedia 15 years ago

Nomaziz,

You can take this a step further for different devices too. Here's a post about it:

defining different input type css - WebDeveloper.com
- [ 1 ] Thanks
Signature
Need Help Growing Your Audience?
Let an experienced Marketer help! PM me with project details.
Google AdWords, Bing Ads, Facebook Ads, Twitter Ads, etc.
{{ DiscussionBoard.errors[4778726].message }}
Web Tempest 15 years ago

Start by adding this if you haven't already: Normalize.css: Make browsers render all elements more consistently.
- Thanks
- 1 reply
Signature
Blueprint Mint - The Internet Marketing Marketplace
{{ DiscussionBoard.errors[4792903].message }}
- LakiPolitis 15 years ago
  
  Originally Posted by Web Tempest
  
  Start by adding this if you haven't already: Normalize.css: Make browsers render all elements more consistently.
  
  ^^ Good link. Also remember that the browser render boxes differently, make sure you're setting them all to work the same. inline-block, block, table-cell, etc. If you do that you'll save so much headache.
  
  Also install multiple browser I test (Chrome, Firefox, Safari, IE 7 & 8, and opera) and then install their element inspector tools. Also, use the W3C validator to make sure it's not your CSS code that's messing up.
  
  Thanks
  
  {{ DiscussionBoard.errors[4800910].message }}
Tomos Wyn 15 years ago

In certain cases, from experience, even the best code possible can sometimes play up in modern browsers. You can implement something like this:

Browser.php – Detecting a user’s browser from PHP | Chris Schuld's Blog

tweak it to your needs, and append its output to the <body> tag. You'd then have something like <body class="firefox">. Just a little tip.
- Thanks
{{ DiscussionBoard.errors[4801041].message }}
bzd63 15 years ago

* html{} //ie6
* :first-child+html{}*html{} //ie7 and below
* :first-child+html{} //ie7 only
html > body // modern browser
html >/**/body{} //modern browser not ie7
html:first-child{} //opera9 and below
html[xmlns*=""]body:last-child{} // safari

-----------------------------------
طراحی سایت
- Thanks
{{ DiscussionBoard.errors[4811537].message }}

how to write css for seperate browser

Trending Topics

Is sleep overrated ??

;) Why Mystify Intelligence? It's Not Magic. It's Mechanics. :D

Do backlinks from old pages lose value if the page is never updated?

Agency level tools?

2026 NBA Playoffs....