Image overspill out of content area

Discussion in 'Web Design and Development' started by P-Worm, Oct 4, 2008.

  1. P-Worm macrumors 68020

    P-Worm

    Joined:
    Jul 16, 2002
    Location:
    Salt Lake City, UT
    #1
    Sorry if this has been asked before, but after quite a bit of searching, I couldn't find an answer to my problem - mainly because I don't know how to describe it simply.

    I am having trouble correcting the image problem that I having at ediphonic.com. The image of the hat and microphone is spilling out of the designated area. The CSS for the div "float_image_left" is:

    Code:
    .float_image_left {
    	float: left;
    	padding-right: 20px;
    	padding-bottom: 20px;
    }
    I assumed that padding-bottom: 20px; would take care of my problem, but it obviously doesn't. Could someone help me out?

    Thanks,

    P-Worm
     
  2. angelwatt Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
    #2
    Different things can be done.

    1.
    Code:
    .main {
     min-height: 450px;
    }
    or
    Code:
    #contact {
     clear: both;
    }
    though you won't likely care for the result of this one.


    2. Add a touch of HTML
    HTML:
    <p id="notice"> ... </p>
    <div class="clearing"></div> <!-- this line is new -->
    </div>
    and a touch of CSS
    Code:
    .clearing { clear: both; }
     
  3. P-Worm thread starter macrumors 68020

    P-Worm

    Joined:
    Jul 16, 2002
    Location:
    Salt Lake City, UT

Share This Page