Cross-browser compitabilty?
Moderator: General Moderators
Cross-browser compitabilty?
My question this time isn't regarding PHP, but comes from HTML/CSS compatibility. I wrote a little page layout, just ordinary 3 column design with a few paragraphs and ordered lists. When I open it in Firefox it is rendered correctly, but when I open it in IE one of the lists or rendered below the position it is in FF. How do you go about hacking such problems? How do I write my code so that it is rendered the same way in all browsers? I read somewhere that you can load alternative styles for IE and other browsers, but I don't know how to go about this issue.
Re: Cross-browser compitabilty?
Problem is with this: http://ejohn.org/blog/sub-pixel-problems-in-css/
Solution (css for IE in same file):
To use separate files for IE see: http://www.quirksmode.org/css/condcom.html
Solution (css for IE in same file):
Code: Select all
/* Normal browsers */
.column_1 { width: 25%; }
.column_2 { width: 50%; }
.column_3 {width: 25%; }
/* IE6 */
* html .last_column { width: 24.9%; }
/* IE7 */
*:first-child+html .last_column { width: 24.9%; }