Home > code > IMG and DIV

IMG and DIV

December 5th, 2003 osterday

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.

Categories: code Tags:
  1. December 5th, 2003 at 15:04 | #1

    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.

  2. December 8th, 2003 at 11:16 | #2

    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?

  3. December 20th, 2003 at 15:49 | #3

    I happen to like what you did with the design. Very simple.

Comments are closed.