Member Avatar for blackbirdphotos

CSS in EI and Firefox - HELP! PLEASE!

I am in a rush trying to get a website up for clients, and my CSS is not working in EI, only seems to in Firefox, safari. I'm on a mac, and have no PC access right now.

Can anyone please help, and point out anything I can add in to make my CSS stylesheet work in EI as well?

my site:


css:

thank you SO much for anyone who has the time for this, I used to be a web designer, and have been out of it for a while. this would be Greatly appreciated. if this is in the wrong thread, please let me know and I'll move it.

  • 3 Contributors
  • 3 Replies
  • 107 Views
  • 2 Days Discussion Span
  • Latest Post Latest Post by MidiMagic

Dani AI

Generated

Brief, practical checklist for when CSS shows correctly in Firefox/Safari but not in Internet Explorer (building on 's validation suggestion and 's layout observations).

Start with the fundamentals

  • Run HTML and CSS validators and fix syntax errors first; browsers differ in how tolerant they are and a single parse error can stop IE from applying later rules.
  • Ensure a standards DOCTYPE is the very first line (for modern sites <!DOCTYPE html>). Add the X-UA-Compatible meta early in the head to avoid IE quirks:
    <!DOCTYPE html>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />

Quick checks that often fix IE-only breakage

  • Confirm the stylesheet link is correct and that the file is served (use a network inspector or try a direct fetch). Clear the browser cache or append a version query string like style.css?v=1.2 to force an update.
  • Look for CSS syntax problems that stop parsing: unclosed braces or comments, stray characters (including a UTF-8 BOM), or malformed property lists. Remove any trailing commas or invalid tokens.
  • Remember older IEs need "layout" on some elements. Trigger it safely for those elements with a rule such as:
    #someBox { zoom: 1; } /* triggers layout for old IE versions */
  • Use a robust clearfix to contain floats across browsers:
    .clearfix { zoom:1; }
.clearfix::after {
content: "";
display: table;
clear: both;
}

Targeted fixes and debugging workflow

  • Use conditional comments to add a small IE-specific stylesheet when needed:
    <!--[if lte IE 8]>
<link rel="stylesheet" href="ie-fixes.css" />
<![endif]-->
  • Test in a real IE build (VM or remote testing) and use F12 dev tools to inspect computed styles and the network tab to see if the CSS file loaded.
  • If problems persist, create a minimal reproducible test case (strip the page down to the offending element + CSS); this isolates the rule that IE is choking on.

These steps address common cross-browser culprits without guessing the exact cause on the site.

Recommended Answers

All 3 Replies

Member Avatar for cpeeyush1

hi
i am checking your html and css coding right now and reply you soon but i have something for your help is that when i validate your website on w3c validator then it have 57 errors witha complete description about them on this URL:
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.blackbirdphotography.ca%2F&charset=(detect+automatically)&doctype=Inline&group=0
please check out this it might be helpfull to you otherwise i will reply you soon after complete checking of you html and css code
-Peeyush Chandel(INDIA)

Member Avatar for blackbirdphotos

Didnt know that existed, THANK YOU THANK YOU THANK YOU THANK YOU. I'll work on those mistakes first!

Member Avatar for MidiMagic

You have a lot of errors:

- Values of 0 can NOT have units of measure attached.

Wrong: 0px
Right: 0

- You have size styles and nonzero surrounding styles (margin, border, padding) in the same tag or style.

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.