WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Image does not stay within post frame/box (11 posts)

  1. lilypetals
    Member
    Posted 7 years ago #

    Hello,

    I can't understand why images don't stay within the frame of the single post. Please take a look:

    http://www.niquehappy.com/blog/2006/11/10/jessica-simpson-is-shameless/

    The first image is fine, but soon as I post a second image, it pops outside of the box like that.

    Is it because of the "more" tag?

    Please help!

  2. lilypetals
    Member
    Posted 7 years ago #

    OK I tried to get rid of the "more" tag in one of my posts, right above the second image, to see if that was causing the problem, but that's NOT the problem. :( Even in one single post (without "more) the second image STILL pops out once you click into the Permalink page.

    Update:
    Alright, if I write something UNDERNEATH the second image, then that will push the image back into the text box. Does any know how to fix this bug? Thanks..

  3. whooami
    Member
    Posted 7 years ago #

    for starters, it helps to make sure your pages validate:

    http://validator.w3.org/check?uri=http://www.niquehappy.com/blog/2006/11/10/jessica-simpson-is-shameless/#more-48

    rummaging through a site that isnt valid is a pita for ppl that arent as "intimate" with how you have things set up.

    Additionally, it would be helpful if you described exactly what you mean by "pops out". Ive looked at that link in ff and ie, and while I see where an image is extending past what looks like <div, it doesnt fit my definition of that phrase.

    As all the images are the same size, they look to be aligned in within the same vertical plane. I would reccommend decreasing all of their sizes (specifically the widths), that might fix whatever problem you appear to be seeing.

    You need to remember that you are using a fixed width theme -- tack on some padding and margins, and your left with even less room. That inner div is 487 px wide, your images are 470px wide.

  4. lilypetals
    Member
    Posted 7 years ago #

    Hmm I don't think the size of the images is the issue, because I did measure the size of the width so I made my images 470px to fit perfectly inside the text box - HORIZONTALLY, that is.

    But that still doesn't explain why the second image ends up outside the textbox (vertically) like that.

    I will try what you suggested, though. Thanks!

  5. mangoman
    Member
    Posted 7 years ago #

    I have a similar problem, which you can see here (in either FF or Safari):

    http://www.milk.com.mx/index.php?option=com_jd-wp&Itemid=173&paged=2

    Strange how it extends beyond the "limits" of the post area; such a condition continues to be why I do not add images to my posts. Rather hum-drum, wouldn't you say??

    Thanks for any tips!
    John

  6. lilypetals
    Member
    Posted 7 years ago #

    Wow, you do have the same problem. Does anyone know how we can fix this? Image "extends" vertically outside the box, or post frame, or text box, or whatever you call it. It's so bad :(

  7. whooami
    Member
    Posted 7 years ago #

    mangoman,

    thats a simple fix, either write more, or make the image smaller. The image is taller than the area in which you have written -- the image "pops out" as you say.

  8. Or put this after your text:

    <br style="clear:both" />

    That should stop the "popping"

  9. mangoman
    Member
    Posted 7 years ago #

    Thanks so very much, LesBessant. Rather than "write more" (say what?!), I figured that there was code to resolve this dilemma - and I never would have figured this out if not for you!!

    And now... onto more writing, with images!
    John

  10. lilypetals
    Member
    Posted 7 years ago #

    Hi LesBessant and Mangoman,

    Like this right? Seemed to fix it :)

    <div class="main_post">

    <?php the_content(__('» Read The Rest')); ?>

    <br style="clear:both" />

    </div>

  11. lilypetals
    Member
    Posted 7 years ago #

    Check this page on my blog:
    http://www.niquehappy.com/blog/2006/11/05/recap-stars-without-makeup/

    This one was an example of the problem with the second image popping out, but now both are nicely inside the text box.

Topic Closed

This topic has been closed to new replies.

About this Topic