Member Avatar for yired

Please see in Firefox and IE.

I have validated CSS and HTML (Strict).

CSS is located at

I am completely lost and any help would be appreciated.

Thanks.

  • 3 Contributors
  • 4 Replies
  • 127 Views
  • 19 Hours Discussion Span
  • Latest Post Latest Post by yired

Dani AI

Generated

This thread shows the problem is unlikely to be a pure CSS syntax bug and more likely a delivery/parsing problem in Firefox. That matches ’s link-check idea and ’s pointer to the Firefox console. The most reliable way to proceed is to confirm how the stylesheet is being delivered (headers and raw bytes) and then rule out the common server-side causes below.

Quick diagnostics to run (replace the URL with your stylesheet):

curl -I https://yourserver/path/styles.css
curl -v https://yourserver/path/styles.css > css.raw

Open the stylesheet URL directly in a browser and view source. Compare the file size to your local copy. If the raw response is HTML, truncated, or contains unexpected bytes, Firefox will flag parse errors and ignore rules.

What to check next

  • Content-Type: browsers expect the stylesheet to be served as text/css. See MDN for the Content-Type header details (Content-Type header).
  • Leading/trailing bytes: a BOM or server-inserted characters before the first CSS token can cause a parse error. Inspect the first bytes of css.raw.
  • Truncation/compression: mismatched content-length or broken compression will yield partial files. Use verbose fetches to spot this.
  • Server handlers and MIME mappings: ensure .css is served as static content and not being routed through a script/handler that alters output. IIS docs on static content/mime mappings are useful ().

Short fixes while debugging: clear browser cache, test from another host (or host the CSS temporarily on a different server), and inline critical rules to confirm the page can be styled while you sort server delivery.

Recommended Answers

All 4 Replies

Member Avatar for FC Jamison

I downloaded your page and uploaded it to my server and it looks good in both FF and IE.

For some reason, Firefox isn't grabbing the CSS file from your server.

Try using an absolute url to link to your css file instead of a relative link. In other words, link to the css using

<link href="" rel="stylesheet" type="text/css" />
Member Avatar for yired

I downloaded your page and uploaded it to my server and it looks good in both FF and IE.

For some reason, Firefox isn't grabbing the CSS file from your server.

Try using an absolute url to link to your css file instead of a relative link. In other words, link to the css using

<link href="" rel="stylesheet" type="text/css" />

Thanks FC Jamison, I have tried that as well. I also tried cutting and pasting the text into Notepad and renaming the file to the same. Figured maybe it was corrupt. Same issue. I am at a loss here.

Member Avatar for buddylee17

The Firefox error console (Tools->Error Console) says
"Unexpected end of file while searching for ',' or '{'. Ruleset ignored due to bad selector. "
It also has a link under that, when clicked, shows the source code for your css and highlights the first line of code(/*******************). This tells me that FF is finding your css file, it just doesn't like it.
I think it is somehow linked to all the comments in your .css file. Try making a copy with no comments in it and using it to see what happens.
Don't feel bad, apparently you aren't the only one scratching your head over this. Google the error.

Member Avatar for yired

After hours of troubleshooting CSS and HTML...and then IIS. I renamed the file with a .aspx extension and its all good.

Thanks to everyone for your suggestions.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.