Next generation's garbage RSS 2.0
# Thursday, October 18, 2007

The first blog entry I made, initially, had a float clear problem. DasBlog apparently doesn't clear floats from the HTML entry contents in the crazy manner needed to appease the IE quirks gods. See http://www.positioniseverything.net/easyclearing.html.

The problem should be evident on this page:

http://hafthor.com/floatclear.htm

scroll down far enough on IE and you should see the text of the article disappear. This appears to happen because the align=right img floats lower than text. If you don't see that behavior, the image at the end of this article shows the effect. After posting the original article, I moved the image up to avoid this problem. But I wanted to see if I could fix it. Maybe...

http://hafthor.com/floatclear2.htm

I simply added this to the theme.css

.itemBodyStyle:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.itemBodyStyle {display: inline-block;}

/* Hides from IE-mac \*/
* html .itemBodyStyle {height: 1%;}
.itemBodyStyle {display: block;}
/* End hide from IE-mac */

and got rid of the <div style="clear:both;" /> business from the itemTemplate.blogtemplate.

If this works right, I shouldn't have the float problem on this post.

Edit: Yes, but it doesn't work quite right when shown in RSS Bandit.

Edit: But if I place a <div style="clear:both" /> at the end of the blog article html, it shows up correctly. Hmmm...

Thursday, October 18, 2007 2:25:02 AM (US Mountain Standard Time, UTC-07:00)  #    Comments [0] -
dasBlog | HTML
Comments are closed.
Archive
<July 2010>
SunMonTueWedThuFriSat
27282930123
45678910
11121314151617
18192021222324
25262728293031
1234567
All Content © 2010, Hafthor Stefansson - Disclaimer: The opinions expressed herein are my own personal opinions and do not represent my employer's view in any way. - Sign In