วันพุธที่ 30 กันยายน พ.ศ. 2552

IE8 Bug Margin top after Clear Element

Sample
<div class="floatleft"></div><div class="floatleft"></div>
<div class="Clear"></div>
<div class="MarginTop"></div>

like this margin-top will not correct in only IE8 (- -')

for me to get this work try to add div to cover above missing margin element like this

<div>
<div class="floatleft"></div><div class="floatleft"></div>
<div class="Clear"></div>
</div>
<div class="MarginTop"></div>

This should work (Correctly to display but not flexible to me)

for another solution that i found
<a href="http://www.inventpartners.com/content/ie8_margin_top_bug">http://www.inventpartners.com/content/ie8_margin_top_bug</a>

This have about 3 solution to fix this.