Can someone tell me what causes items to be positioned differently when viewing in IE6 and Firefox? Are there particular properties that work in some but not other (ie. margin, padding, left,right, etc.)?
Is there a solution?
Thanks,
RutAll browsers have CSS bugs, and IE leads the pack in this area... (<!-- m --><a class="postlink" href="http://positioniseverything.net/ie-primer.html">http://positioniseverything.net/ie-primer.html</a><!-- m -->)
These CSS bugs are all found only in Internet Explorer... (<!-- m --><a class="postlink" href="http://positioniseverything.net/explorer.html">http://positioniseverything.net/explorer.html</a><!-- m -->)
The most famous bug: Box Model Bug (<!-- m --><a class="postlink" href="http://en.wikipedia.org/wiki/Internet_Explorer_box_model_bug">http://en.wikipedia.org/wiki/Internet_E ... _model_bug</a><!-- m -->)
To put it short: Position is everything! (<!-- m --><a class="postlink" href="http://positioniseverything.net/">http://positioniseverything.net/</a><!-- m -->)
Some possible solutions: CSS hacks/filters (<!-- m --><a class="postlink" href="http://www.stylegala.com/resources/css_hacks.htm">http://www.stylegala.com/resources/css_hacks.htm</a><!-- m -->)The number one thing you can do to minimize those problems is make sure you're using a doctype that puts IE6 into standards mode. There are still plenty of problems but the doctype is the key to minimizing those bags under your eyes.
Is there a solution?
Thanks,
RutAll browsers have CSS bugs, and IE leads the pack in this area... (<!-- m --><a class="postlink" href="http://positioniseverything.net/ie-primer.html">http://positioniseverything.net/ie-primer.html</a><!-- m -->)
These CSS bugs are all found only in Internet Explorer... (<!-- m --><a class="postlink" href="http://positioniseverything.net/explorer.html">http://positioniseverything.net/explorer.html</a><!-- m -->)
The most famous bug: Box Model Bug (<!-- m --><a class="postlink" href="http://en.wikipedia.org/wiki/Internet_Explorer_box_model_bug">http://en.wikipedia.org/wiki/Internet_E ... _model_bug</a><!-- m -->)
To put it short: Position is everything! (<!-- m --><a class="postlink" href="http://positioniseverything.net/">http://positioniseverything.net/</a><!-- m -->)
Some possible solutions: CSS hacks/filters (<!-- m --><a class="postlink" href="http://www.stylegala.com/resources/css_hacks.htm">http://www.stylegala.com/resources/css_hacks.htm</a><!-- m -->)The number one thing you can do to minimize those problems is make sure you're using a doctype that puts IE6 into standards mode. There are still plenty of problems but the doctype is the key to minimizing those bags under your eyes.