18 Sep 2009 @ 2:23 PM 

The other day, I had chopped up a design.  Sliced and diced if you will.  I proceeded to creating the HTML once all of the images were sliced up.

Things were going great.  As per usual I began designing in Mozilla to use Firebug to tweak the CSS and HTML.  Once I finished the design, I proceeded to test in Chrome, Safari, and of course, Internet Explorer.

Every browser but Internet Explorer was working perfectly, what gives?The worse part is, I know I’ve had this problem before.  If you’re like me, you may have worked on 100s of different projects and they all start to blend together because you’ve done this here and that there.

Luckily, I was actually able to remember what the problem was!  I forgot my DOCTYPE at the top of my file:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”   “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

Add that bad boy to the top of your file, reload and voila, Internet Explorer now loads the web site like every other browser does!

This may not be the only issue that you see without a DOCTYPE and Internet Explorer.  Sometimes it may be a spacing issue, things wrapping incorrectly, etc…  The route of the cause will, most likely, be a missing DOCTYPE.

Cheers.

  • Share/Bookmark

Other useful articles

Posted By: Jamie
Last Edit: 18 Sep 2009 @ 02:23 PM

EmailPermalink
Tags
Tags: , ,
Categories: CSS


 

Responses to this post » (10 Total)

 
  1. Kevin says:

    DUDE, THANK YOU! I was getting ready to go to war with my IE browser. I somehow missed updating the doctype from the default that is given when creating a new page in Edit Plus.

  2. Twinkie says:

    Thank you! I can never remeber those doc types by memory, so for simple documents I always used to leave them out. Needless to say, I had a lot of headaches with Internet explorer and other browsers. Thank you for the tip.

  3. Kathy says:

    Thanks – that saved me some time :)

  4. ConnorJack says:

    Thank you. I was searching my brain for some answer and it was as simple as that. You saved me from starting all over again.
    THANK YOU

  5. Bruce says:

    Thx, man!

  6. Apology says:

    thanks bro it helps. after an hour fighting with my IE browser at last i manage to fixed it.

  7. Robert says:

    God, I was wondering why my notepad website was giving me such a head ache.

    Thank you very much!

  8. Ian says:

    Of course, leave it to IE to hold us to the most stringent of xhtml markup standards, and yet until version 9.0 they don’t even comply with css2.
    Thanks a lot for this advice, centering blocks id always the most anoying, and this just saved me quite a bit of time.

  9. MHK says:

    Thanks for sharing this .
    This is very helpful to every designer

  10. jnjn says:

    ahah thanks, how could i miss that.

Post a Comment

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>


 Last 50 Posts
 Back
Change Theme...
  • Users » 14
  • Posts/Pages » 75
  • Comments » 231
Change Theme...
  • VoidVoid « Default
  • LifeLife
  • EarthEarth
  • WindWind
  • WaterWater
  • FireFire
  • LightLight