Try this for a min height solution, that affects individual columns,
that works in all browsers.
.h50 { min-height:50px; height:auto !important; height:50px; }
.h75 { min-height:75px; height:auto !important; height:75px; }
.h100 { min-height:100px; height:auto !important; height:100px; }
.h150 { min-height:150px; height:auto !important; height:150px; }
.h200 { min-height:200px; height:auto !important; height:200px; }
.h400 { min-height:400px; height:auto !important; height:400px; }
Create as many variations/sizes as you need. It will force a column to
have a minimum height but allow it to expand with content.
You could assign an additional div inside the center one with a min
height and a border as thick as needed and it would not break the
layout. The containing "center" div may also need the same min height
class (I didn't test).
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Blueprint CSS" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/blueprintcss?hl=en
-~----------~----~----~----~------~----~------~--~---
