The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

[Solved] Photo not resizing my div

  • # February 14, 2010 at 12:09 pm

    Simple I am am sure but my div will not resize when inserting a photo. Example here:

    As you can see, the photo overhangs the border. I would expect the div to grow?

    I can put in returns, but that seems so … bad.

    Any suggestions.

    Also, since I am going to be making many of these Blue Box Divs, sometimes several per page, if there is some CSS trick should be employing to make it all work better, please feel free to critique.


    # February 14, 2010 at 12:26 pm

    This reply has been reported for inappropriate content.

    Looks to me like the "overflow: hidden" CSS property needs adding to your content div :)

    # February 14, 2010 at 2:06 pm

    You could add a height of about 400px to #Blue-Box-Top. or an min-height if you are likely to add more text.

    # February 16, 2010 at 2:21 am

    Setting the Overflow property to either ‘auto’ or ‘hidden’ to your Blue-Box-Top div should fix it.

    # February 16, 2010 at 9:02 am

    Thanks to all for the assistance. Setting overflow to auto did the trick.

    Dreamweaver does not show the change, but it does work in the browsers.


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

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed