Solved

CSS Chrome specific entries

Posted on 2011-09-30
3
413 Views
Last Modified: 2012-06-27
How do you make browser specific entries in your CSS?  I have a website that Chrome is rendering a specific Div in a strange way.  I need to make a Chrome specific entry in my css but am not sure about the syntax.
0
Comment
Question by:rgranlund
3 Comments
 
LVL 30

Accepted Solution

by:
LZ1 earned 500 total points
Comment Utility
The only way to specify browser specific CSS is through conditional comments and they only work IE.  Have you tried validating through the W3C? You may find the problem there. If that doesn't help, please post a live link so we can see what your talking about.
0
 
LVL 82

Expert Comment

by:Dave Baldwin
Comment Utility
You can make IE specific CSS files by using the IE conditionals in what other browsers see only as comments.  Example below.  No other browser supports this.  Chrome is a WebKit based browser so it may support some of the webkit specific CSS extensions.
<!--[if IE 6]>
Special instructions for IE 6 here
<![endif]-->

Open in new window

0
 
LVL 6

Expert Comment

by:thebradnetwork
Comment Utility
These links may help you out:

This one is information on creating browser specific if statements: http://www.quirksmode.org/css/condcom.html

This link is to the W3C validation: http://validator.w3.org/
0

Featured Post

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer …
As a result of several questions about how to use Bootstrap I thought it would be a good idea to write down the development aspect of creating a Bootstrapped website in as little time as possible. Part 1 of this article will only concentrate on g…
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

744 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

16 Experts available now in Live!

Get 1:1 Help Now