The background: I’m currently getting introduced to a web-based CRM / Groupware-system, which heavily relies on CSS and JavaScript / AJAX-techniques.
Now there’s this list of contacts – these are left floated DIVs. The width of each DIV is fixed, but not the height, because the data shall fill out the display as much as possible.
The problem: If you change the window size, sometimes the DIVs leave a row nearly empty (consisting of one DIV-container only). Does anybody know how to avoid this whilest still sticking to the above mentioned guidelines.
Does anybody out there know how to solve this problem w/o too much JS clutter? A CSS-only or at least Unobstrusive JS-solution would be very appreciated, as the system is already cluttered with lots of AJAX stuff.
