User login

CSS Trouble in Safari? Check your comments

If you're having CSS display problems in the Apple Macintosh Safari browser, for an otherwise great-looking web site, your issue may be incorrect commenting etiquette.

/*  Comment   */

is cool.

//  Comment

could cause issues.

The former is simply proper cascading style sheet comment markup, and the latter is wrong, but it seems other browsers are more forgiving than Safari. We had people saying how much they liked the site, how good it looked, and I kept testing it in Safari and getting into a really bad mood.

Then I found my incorrect comment code in one spot in the CSS file, and all was happiness again.

If you're having CSS display problems in the Apple Macintosh Safari browser, for an otherwise great-looking web site, your issue may be incorrect commenting etiquette.

/*  Comment   */

is cool.

//  Comment

could cause issues.

The former is simply proper cascading style sheet comment markup, and the latter is wrong, but it seems other browsers are more forgiving than Safari. We had people saying how much they liked the site, how good it looked, and I kept testing it in Safari and getting into a really bad mood.

Then I found my incorrect comment code in one spot in the CSS file, and all was happiness again.

Comments

Post new comment

The content of this field is kept private and will not be shown publicly.
  • Internal paths in single or double quotes, written as "internal:node/99", for example, are replaced with the appropriate absolute URL or path. Paths to files in single or double quotes, written as "files:somefile.ext", for example, are replaced with the appropriate URL that can be used to download the file.
  • You may post code using <code>...</code> (generic) or <?php ... ?> (highlighted PHP) tags.
  • You can use Markdown syntax to format and style the text. Also see Markdown Extra for tables, footnotes, and more.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <img> <blockquote> <small> <h2> <h3> <h4> <h5> <h6> <sub> <sup> <p> <br> <strike> <table> <tr> <td> <thead> <th> <tbody> <tt> <output>
  • Syntax highlight code surrounded by the {syntaxhighlighter SPEC}...{/syntaxhighlighter} tags, where SPEC is a Syntaxhighlighter options string or "class="OPTIONS" title="the title".
  • Lines and paragraphs break automatically.

More information about formatting options

By submitting this form, you accept the Mollom privacy policy.