ThemeShaper Forums » Thematic

[closed]

Images larger than posts

(6 posts)
  • Started 4 years ago by Fizzgigg
  • Latest reply from jrobben
  • This topic is resolved
  1. Fizzgigg
    Member

    I my continous quest of keeping myself sleepless I have found another problem.

    I have found out how to place a transparent png behind posts. So far so good, but the problem is when I've got a post with a quite large image and not so much text, then the post becomes smaller than the image. It's hard to explain, and the site is on a local server, but I have an image that hopefully can explain what I mean.

    www.shin-ken.se/smallpost.jpg

    The red color is just temporary to show the problem, and as you can see the image and the size of the post itself does not match.

    The css I'm using is:

    .post{
    	background-color:#C00;
    	/*background:url(images/index-top.jpg) 0px 0px repeat;*/
    	margin-top:10px;
    	padding:10px;
    }

    Does anyone have a clue how I can get the background image (or color in this case) to get the right size as the post?

    Posted 4 years ago #
  2. Hi,

    have you tried to work with min-height?

    Chris

    Posted 4 years ago #
  3. Fizzgigg
    Member

    No, mainly because I don't know how. But I think I've discovered the problem. May it be that the size of the post is in itself correct, but it contains an image that is larger than the height of the post and therefore the image goes outside the "post box".

    I know what I mean, but I must sound like a drunk trying to explain it. :)

    Posted 4 years ago #
  4. Add:

    .post {
        min-height: 300px;
    }

    Change the 300px to whatever is needed. This works as long as your pictures have the same height.

    Get Firefox and the Firebug Addon. This makes it easier to play with the CSS and to get the sizes of the elements.

    Chris

    Posted 4 years ago #
  5. Fizzgigg
    Member

    I tried it, and it kind of work, but I think the easiest way to solve it is to tell the webbmaster to write longer texts and/or use smaller pictures.

    Thanks for your help.

    Posted 4 years ago #
  6. I do both, set min height to 350px and have authors limit in post pictures to 300px. only problem with that is short posts with no pictures leave some white space below the last text in the post content area.

    Posted 4 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.