When opening a document in Code view, Dreamweaver automatically validates that the document is not using any tags, attributes, CSS properties, or CSS values that are not available in the target browsers that the user selected. Dreamweaver underlines errors with a wavy red line.

Dreamweaver also has a new browser compatibility check feature that locates combinations of HTML and CSS that can trigger browser rendering problems.

Dreamweaver stores browser profiles in the Browser Profile folder inside the Dreamweaver Configuration folder. Each browser profile is defined as a text file that is named for the browser. For example, the browser profile for Internet Explorer version 6.0 is Internet_Explorer_6.0.txt. To support target browser checking for CSS, Dreamweaver stores CSS profile information for a browser in an XML file whose name corresponds to the browser profile but with a suffix of _CSS.xml. For example, the CSS profile for Internet Explorer 6.0 is Internet_Explorer_6.0_CSS.xml. You might want to make changes to a CSS profile file if you find that Dreamweaver is reporting an error that you do not want.

The CSS profile file consists of three XML tags: css-support, property, and value. The following sections describe these tags.

Description

This tag is the root node for a set of property and value tags that are supported by a particular browser.

Attributes

None.

Contents

The property and value tags.

Container

None.

Example

 <css-support> 
. . . 
</css-support>

Description

Defines a supported CSS property for the browser profile.

Attributes

name, names, supportlevel, message

  • name="property_name"The name of the property for which you are specifying support.

  • names="property_name, property_name,..." A comma-separated list of property names for which you are specifying support.

    The names attribute is a kind of shorthand. For example, the following names attribute is a shorthand method of defining the name attribute that follows it:

     <property names="foo,bar"> <value type="named" name="top"/> <value type="named" name="bottom"/> </property> <property name="foo"> <value type="named" name="top"/> <value type="named" name="bottom"/> </property> <property name="bar"> <value type="named" name="top"/> <value type="named" name="bottom"/> </property>
  • supportlevel="error", "warning", "info", or "supported"Specifies the level of support for the property. If not specified, "supported" is assumed. If you specify a support level other than "supported" and omit the message attribute, Dreamweaver uses the default message, “CSS property name property_name is not supported.”

  • message="message_string" The message attribute defines a message string that Dreamweaver displays when it finds the property in a document. The message string describes possible limitations or workarounds for the property value.

Contents

value

Container

css-support

Example

 <property name="background-color" supportLevel="supported">

Description

Defines a list of values supported by the current property.

Attributes

type, name, names, supportlevel, message

  • type="any", "named", "units", "color", "string", or "function" Specifies the type of value. If you specify "named", "units", or "color", then either the name or names attribute must specify the value IDs to match for this item. The "units" value matches a numeric value, followed by one of the units values specified in the names attribute.

  • name="value_name"A CSS value identifier. No spaces or punctuation are allowed other than a hyphen (-). The name of one of the values that are valid for the CSS property is named in the parent property node. This can identify either a specific value or a units specifier.

  • names="name1, name2, . . ."Specifies a comma-separated list of value IDs.

  • supportlevel="error", "warning", "info", or "supported"Specifies the level of support for this value in the browser. If not specified, the value "supported" is assumed.

  • message="message_string" The message attribute defines a message string that Dreamweaver displays when it finds the property value in a document. If the message attribute is omitted, Dreamweaver displays a message string of “value_name is not supported.”

Contents

None.

Container

property

Example

 <property name="margin"> 
    <value type="units" name="ex" supportlevel="warning" 
        message="The implementation of ex units is buggy in Safari 1.0."/> 
    <value type="units" names="%,em,px,in,cm,mm,pt,pc”/> 
    <value type="named" name="auto"/> 
    <value type="named" name="inherit"/> 
</property>

This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License  Twitter™ and Facebook posts are not covered under the terms of Creative Commons.

Legal Notices   |   Online Privacy Policy