How Do You Make Html Work Properly In All Browsers?
Saturday, November 21st, 2009 at
11:22 am
Yeah, I’m getting quite frustrated trying to figure this out. I can make coding work in chrome and firefox, but once I view the page in Internet Explorer, everything is just messed up.
Tagged with: Browsers • HTML • Make • Properly. • Work
Filed under: HTML
Like this post? Subscribe to my RSS feed and get loads more!
IE Conditional Statements: http://msdn.microsoft.com/en-us/library/…
In Search of the Holy Grail: http://www.alistapart.com/articles/holyg…
Ron
Hi,
You have hit onto the worst part of designing web pages…but the good thing is that browsers appear to be getting closer together in the way they display things by more closely following agreed standards.
With that said, there are many differences when you go from Firefox 1, Firefox 2, or IE7, IE8 to >>> IE5 or IE6. The IE5 & IE6 browsers are where you start to get into some differences. What I have found is that a lot can be cleaned up by explicitly setting the margins and paddings for your styles. So, instead of using padding:0;margin:0; use padding:0px 0px 0px 0px;margin:0px 0px 0px 0px.
Another main difference is in how they deal with the table and div tags. This can be hugely frustrating and my suggestion here is to use one or the other. When you get into divs & tables used together and they are nested, you need to be fairly experienced and it gets difficult very quickly.
Lastly, be sure to select a transitional document type:
http://www.w3.org/QA/2002/04/valid-dtd-list.html
There are obviously A-LOT of differences, but in a short answer like this, this may be a good start.
For not a lot of money, you can get a great website built using a content management software at http://www.logobang.com/web-design.html for only $499.
You can also go to http://www.123triad.com for very low cost website. Once you get the basic site setup, you can copy, and add to it much more easily.
The best tool of all (markup validator): http://validator.w3.org/
More tips for making sure you’ve got a cross-browser page: http://sherifabdou.com/2008/09/is-your-w…
Here’s some common css fixes for IE http://www.wipeout44.com/brain_food/css_…
Even more: http://www.noupe.com/css/using-css-to-fi…
IE bugs you’ll get every time: http://css-tricks.com/ie-css-bugs-thatll…
Remember that IE doesn’t comply with internet standards like Firefox does.
by using “if” comments to include script adjustments for browser incompatibility.
MS sucks when it comes to maintaining W3C standards. That is why they have less than 50% of the browser market share now and are loosing more users each day.
The day that IE goes way will be a day of celebration for Web Designers and developers.
If you want a great ressource to learn web design, I stongly recommend the following book – best $27 I have ever spent! It teaches the RIGHT way to design web pages with standard compliant XHTML and CSS. Reading this book changed my life, I was designing professional web pages in less than a week!
The book is called ‘Head First XHTML and CSS’ – here is a link to it with some reviews:http://www.amazon.com/gp/product/0596101…
make sure to close all your tags. leaving open html tags can and will cause problems.