adding an image to posts – image extends out of text content background

  • slalonde44

    (@slalonde44)


    13 years, 5 months ago

    Hello,

    For my posts, I have a transparent dark box where my text content, images and videos go. When I add in an image into my post, and the text is quite short, the 150×150 thumbnail image extends outside of this background. Not sure how to fix this from happening. When I am videos, things are working and looking fine.

    Please take a look at what I am talking about:
    http://www.laloco.ca/blog

    Thanks,
    Steve

Viewing 3 replies - 1 through 3 (of 3 total)
  • elfin

    (@elfin)

    13 years, 5 months ago

    you could set a minimum height of 175px to postcontent class

    .postcontent{
min-height:175px;
}

    there are possibly other solutions as well.

    Thread Starter slalonde44

    (@slalonde44)

    13 years, 5 months ago

    Hi Rich,

    Thanks for posting on my issue. I did try this… and it does solve the problem of my image extending outside the content area, however, if I want to post with one line of text and no image.. then the content area is quite large, due to the min-height.

    Is there some way of making this work for both issues…?

    Thanks,
    Steve

    elfin

    (@elfin)

    13 years, 5 months ago

    probably easier if you look at this page:
    http://www.positioniseverything.net/easyclearing.html
    to add in the rules for IE

    .postcontent:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘adding an image to posts – image extends out of text content background’ is closed to new replies.