Help! Css not showing up in IE

link - http://www.maloofwoodworking.com/testpage.html

Dani AI

Generated

The test page linked by and the replies from and point to two likely situations: either the stylesheet file isn’t being loaded by some IE configurations, or IE is rendering in an older/compatibility mode that doesn’t support the CSS being used. ’s filename check is a good first thought; seeing the page “similar” in IE10 narrows the problem toward version/compatibility or a server/load issue rather than a global CSS syntax error.

Recommended troubleshooting steps (quick, in order):

  1. Confirm the stylesheet tag is in the document head (before scripts) and the href path is correct.
  2. Verify a proper DOCTYPE is present (e.g., <!DOCTYPE html>). Missing DOCTYPE pushes IE into quirks and breaks layout.
  3. Force the latest IE engine with an early meta header to avoid Compatibility View: place this near the top of <head>.
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" type="text/css" href="/path/to/styles.css">
  1. Use IE’s developer tools (F12): check Network for a 200/404 on the CSS file, and check Document Mode/Browser Mode — compatibility mode will emulate older IE.
  2. Ensure the server serves the CSS with Content-Type: text/css and the file has no leading BOM/extra bytes (save as UTF‑8 without BOM).
  3. If only specific effects are missing, confirm those properties are supported by the IE version involved (older IE lacks many CSS3 features). Provide fallbacks or an IE-targeted stylesheet (or use polyfills like responsive polyfills for media queries) where appropriate.

Priority: F12 → open the stylesheet URL directly → check DOCTYPE/X-UA-Compatible → clear cache/hard reload. Given ’s IE10 observation, focus first on whether the visitor’s browser is genuinely IE10+ or running in compatibility/IE7 mode.

Recommended Answers

All 2 Replies

EDIt: is the css file the correct name?

I am not sure exactly what you mean. I looked at your web page with IE10 and the web page looks similer to how it looks in other browsers (e.g., Chrome). Clearly, some or most of the CSS in your maloofwoodworkingstyle.css file is working. Is there some particular visual that is not working? When I want to look at your CSS file, I find that the best way for me to do so is to use Chrome to look at the Webpage, right-click to view the source, then click on the href'ed filename for the CSS file (line 4). That feature doesn't seem to work in IE10. But I am assuming that this is not what you are talking about.

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.