User Name:
Password :  

Preventing CSS Overflow

  [locked]


When I was working on integrating phpThumb (w) into my weblog, I ran into an image overflow problem. On the ralford.net weblog, each page displays several posts that are separated by horizontal rules. When images were larger than the amount of text in a post, the image would sometimes extend down into the next post, beyond the horizontal rule.

The "clear: both" Workaround


The first fix that I tried was the classic "clear: both" example:
<br style="clear: both">
This worked in the past, but wouldn't this time, because of the navigation sidebars. The sidebars are floating to the right, so clearing both sides in a post forced the post to close at the bottom of the series of sidebars. In other words, a small post would fill with a lot of unnecessary (and ugly) empty space.

...


...

Resources


Mezzoblue - Clearance
dfkj31sk342