Grow your CSS skills. Land your dream job.

[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:

    http://74.54.136.162/~salidac2/contact-us.html

    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.

    mark

    # February 14, 2010 at 12:26 pm

    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.
    Matt

    # 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.

    mark

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

You must be logged in to reply to this topic.

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