Solved

CSS Chrome specific entries

Posted on 2011-09-30
3
445 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
ID: 36893919
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 83

Expert Comment

by:Dave Baldwin
ID: 36893933
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
ID: 36899651
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

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…
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 …

790 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