December 5, 2003
IMG and DIV
I guess I’m still doing something wrong. My new design looks great in IE, but my “currently reading” section and “quote” divs seem to be screwed up in Firebird. I’ve tried a bunch of different things, but no luck yet. I thought “float” my be the problem, but my “quote” div doesn’t have float! Strange.
It is most likely caused by the float on the IMG. IMG’s are in-line elements by default. Try adding display : block; to the img.thumb rule and if that doesn’t work, then try adding a clear : both; to the .item rule set.
Hopefully one or both of those things will help.
Yup, I tried both of those. It fixed the overlapping problem within the “Currently reading” section, but now the last image overflows into the next section. Strange!
Also, in my “quote” DIV, the IMG doesn’t have a float, but still flows over the next DIV. Example: http://www.shwango.com/blog/archives/000222.html
Any Ideas?
I happen to like what you did with the design. Very simple.