Discussion Locked

Hacking the CSS box model for IE5

0 helpful
2 replies
Closed to new repliesThis discussion is closed. It stays readable, but it takes no new replies.

This week's Design and Usability Tactics e-newsletter explores the workaround for the IE5 CSS box model problem. Is the Tan hack your preferred workaround for the IE5 CSS box model problem? If not, what method do you use? Offer your thoughts about the IE5 CSS box model problem.

If you haven't subscribed to the Design and Usability Tactics TechMail, visit our e-newsletter subscription center to subscribe to this free e-newsletter:
http://nl.com.com/MiniFormHandler?brand=bu ilder&subs_channel=bldr_front_door&list_id=e614& ; ;;;;tag=fb

* Please delete any extra spaces that appear when you paste this URL into your browser.

2 replies

by cavallo_ardente

HTML work arounds are not for good coders and standard compliant shops. First, consider the use of code that will likely break in newer browsers, break in other older browsers and the time necessary to debug the code when some customer says they can't operate with the site. The only true way to keep the code clean is to code according to the standards that are currently used by the majority of the current browsers. If 30% of the people use IE5.x then code using standards that it supports. If it can't display things properly using those standards, inform people of the issues and let them decide to move on. There are reasons to stay with IE5.x but when it doesn't do what it says it should, then inform people of the bugs and point them to the microsoft website to show them the bug as listed by Microsoft (if there is such a link). The same thing applies to commenting out javascript code - why comment it out? Because of one browser more than 5 years old (that grew up in a vacuum) that doesn't support scripting? Why? So we can avoid upgrading our browser? I urge people to code to standards. We need more adherence, not work arounds.

Steve Spigarelli

by techfun

How about not putting width together with paddings and margins in the same DIV? How about using two DIVs!

div#w100 {
....height: auto;
....width: 140px;
}

div#inside {
....margin: 10px;
....padding: 15px;
....border: 5px solid #000000;
}

And in the HTML file:

This discussion is closed to new replies.