SitePoint Sponsor

User Tag List

Results 1 to 3 of 3

Thread: CSS 3 colums same height

  1. #1
    SitePoint Member
    Join Date
    Aug 2002
    Location
    Lake Tahoe
    Posts
    16
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS 3 colums same height

    I have a layout and I am trying to use display:table properties to accomplish them having all the same height. Some reason I can't see why it is not working based on the few examples I've looked at.

    Here is a link to the website in question: http://dev2.drracine.com/

  2. #2
    It's all Geek to me silver trophybronze trophy
    SitePoint Award Recipient ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, Australia
    Posts
    20,297
    Mentioned
    225 Post(s)
    Tagged
    3 Thread(s)
    The first thing you should do is remove the floats from each of those cells, and perhaps give each cell vertical-align: top;

    See what that does. Floats and display: table-cell don't belong together.

    EDIT: By the way, this is just plain old CSS2.
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Try your hand at the new JavaScript Challenge!

    If you don't like getting your feet stuck in a bog, avoid Twitter BootsTrap.

  3. #3
    SitePoint Member
    Join Date
    Aug 2002
    Location
    Lake Tahoe
    Posts
    16
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    great! removing the floats worked!

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •