Hi there!

I really like this theme and have been tweaking it to my needs. However, I've come across a CSS problem I can't figure out. Hopefully someone who knows more about CSS can help me.

I have assigned a class to my images and floated them to the left. I'd like to have the text wrap around the image and have the lighter background be at least as high as the image and expand with the text. I believe the background is controlled by the .content or .node .content classes.

If I try doing align left or text-align: left, the background will extend passed the image but the text will be to the right and aligned at the bottom of the image. I'd rather the top of the paragraph be aligned horizontally with the top of the image.

A screenshot of what I'm talking about is here: http://s21.photobucket.com/albums/b276/zelaven/?action=view&current=css.jpg

If need be I can post my CSS but it's rather long. Has anyone ever encountered the same problem? Thanks!

Comments

Fayna’s picture

Fayna commented
Status: Active » Fixed

Well after some searching on Drupal.org, I figured out it had to do with applying "clear:both" to the element below the image. After some trial and error, I added clear:both to the meta-footer class and it worked!

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.