Sam Brown wrote:
>We're in the process of prototyping a new layout I
>have put together, trying to make it fit all cases and
>see how/where we can break it. Of course, once we get
>past that stage, things are pretty much set.
>Therefore, I would like to make sure everything is as
>"right" as possible before it's all locked down.
I would say your design needs to be a lot more flexible to be really useful.
For instance, I see no height set on the three boxes in the middle of
the page. This is good in general, but it means that when you put your
real text in there, which is going to vary slightly from box to box,
those boxes are no longer all going to be the same height. For better
testing, you ought to put different text of slightly different lengths
in each box. That is a better approximation of how the site will really
When you do this, and see how the boxes become different heights, you
will probably want to set a height in ems on those boxes. An alternate
method would be to leave the height off each box and use a faux columns
method on their container to fake the borders between the three. You
would also put the bottom border on this container instead of the
individual boxes. This way, they would all appear the same height even
if they really weren't.
You also have the bottom three boxes set to a static width of 147px. If
I resize my text, it quickly overflows. It would be better to set that
height in ems, or, once again, use faux columns.
Your markup is really well done.
Zoe M. Gillenwater
Highway Safety Research Center
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/