Question

I have dives that I am floating so that they show side by side. Here is my code:

.serviceMembersPosition {
    width: 190px;
    float: left;
    display: inline;
    border: 1px solid #999;
    margin: 5px 5px 5px 0;
    padding: 5px;
}

It works however if one of the DIV’s has more info than the others, it stuffs up the floats. See how there is a gap in my screenshot below. Is there any way to overcome this? I am using JQuery with my website. Maybe there is some code for this?

alt text http://img532.imageshack.us/img532/1032/screenshot20100331at110.png

Answer 1

You issue seems to be a line wrapping problem. Some of your descriptions take up 2 lines compared to those that take up 1 line. Try using a plug-in that can handle this.

Setting Equal Heights with jQuery