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?
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.
Published on Sep 18, 2009
Tags: The Ultimate CSS Tutorial for Beginner Programmers | margin: 0 auto
Did you enjoy this article? If you did here are some more articles that I thought you will enjoy as they are very similar to the article that you just finished reading.
Jamie Munro is the author of ASP.NET MVC 5 with Bootstrap and Knockout.js, Knockout.js: Building Dynamic Client-Side Web Applications, 20 Recipes for Programming MVC 3, and 20 Recipes for Programming PhoneGap. He has been developing websites and web applications for over 20 years.
Jamie began his writing career in 2009. As the success of Jamie's blog grew, he turned his writing passion to books about web development in hopes that his many years of experience could be passed on to his readers.
No matter the programming language you're looking to learn, I've hopefully compiled an incredible set of tutorials for you to learn; whether you are beginner or an expert, there is something for everyone to learn. Each topic I go in-depth and provide many examples throughout. I can't wait for you to dig in and improve your skillset with any of the tutorials below.