Grow your CSS skills. Land your dream job.

Image that clears content on sidebar

  • # June 19, 2013 at 7:41 am

    Hi there guys,

    I’m revamping this wordpress theme to make a blog and thought of a nice feature that would be to use in some posts an image that extends the full wrapper area of the site, pushing down the content of the sidebar.

    See what I mean (imagine it’s working LOL) > http://menosketiago.com/mana/teste-ps3/

    This would be a special class to apply only on some images.

    I tried to give the img a float and a clear and work around it but I’m missing something =X

    Any help? ;)

    # June 19, 2013 at 7:49 am

    try giving the entry image a width of 100%

    .entry img {

    width: 100%;
    }

    the margin part of the code could be used if you used box-sizing:border-box otherwise its going to be more than 100%

    # June 19, 2013 at 8:02 am

    hmm, that extends the img to 100% of the #content column, what I’m looking for is extending towards the right edge of the #sidebar and to pull down it’s content :|

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".