1st column overlaps second column

Discussion in 'CSS' started by wibbler, Dec 15, 2007.

0
  1. #1
    I have three columns on my webpage:

    http://www.wibbler.com/wishlist

    As you can see, the first column's words overlaps the second column. What am I doing wrong?

    The css is here:

    http://www.wibbler.com/wordpress/wp-content/themes/moo-point/style.css
     
    wibbler, Dec 15, 2007 IP
  2. babyboy808

    babyboy808 Well-Known Member

    Messages:
    491
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    125
    #2
    .page div.entry-content {
    float:left;
    padding:0.5em 0pt 2.5em;
    width:700px;
    }

    You have defined a width greater than the parent. Get rid of the width:700px; and you should be fine
     
    babyboy808, Dec 15, 2007 IP
  3. wibbler

    wibbler Peon

    Messages:
    7
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Thanks! I've got a similar problem with the comments section, which can't be fixed in the same way:

    http://www.wibbler.com/2003/08/20/nicholas-de-stacpoole/#comments

    I presume its something to do with the content or comments div? Any ideas?
     
    wibbler, Dec 15, 2007 IP
  4. babyboy808

    babyboy808 Well-Known Member

    Messages:
    491
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    125
    #4
    div.comment-author {
    background:#C4C4C4 none repeat;
    clear:both;
    color:inherit;
    display:block;
    font-size:0.9em;
    margin:0pt 0pt 0.5em;
    padding:7px 0pt 7px 7px;
    width:693px; <- get rid of this width
    }
     
    babyboy808, Dec 15, 2007 IP
  5. wibbler

    wibbler Peon

    Messages:
    7
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Awesome! Thanks so much.:)
     
    wibbler, Dec 15, 2007 IP