By talyia on

Hi all,
I need a little help fine-tuning my CSS for the user images/avatars in the posts on http://74.220.215.68/~leemagaz/article

Currently, I am using a min-height for each post (with a hack applied to it so that it will work in IE as well) so that these floated user pics will not overlap the posts below when some of the posts are very short.

What can I do to fine-tune the code for the CSS of the user pic so that it is contained within the post?

Here is the CSS for the user pic/avatar:

.picture {
background-color:#FFFFFF;
border:1px solid #777777;
float:left;
margin-bottom:15px;
margin-right:12px;
margin-top:6px;
padding:2px;
}

And here is the CSS for the posts:

.node-inner {
clear:both;
display:block;
height:auto !important;
min-height:175px;
}

Thanks a lot for your help:)
Christine

⋅ Categories: Drupal 6.x

Comments

prestonso’s picture

prestonso commented

It doesn't look like you have that problem anymore, but if it recurs, you can insert an invisible hr or something to that effect with a clear: both; applied to it just below the content of the post.
___________________

Preston So
Web/Print Designer
Monarch Digital, Colorado Springs
My near-dead non-Drupal site

___________________

Preston So