Phew - Well I figured it out. This is the before picture. Note how the gray bar for CATEGORIES touches the verticle rule.
The CSS for the whole left hand column is content below. The gray block headings on the right are sidetitle:
|
#content { float:left; width:65%; background:#fff; border-right:1px solid #999; margin-right:15px; padding-bottom:200px; } |
|
sidetitle { font-family:verdana, arial, sans-serif; color:#666; font-size:9px; font-weight:bold; background:#EEE; line-height:14px; padding:2px; margin-top:10px; text-align:center; text-transform:uppercase; letter-spacing: .2em; } |
Notice that the width is set to a relative size - 65%. When I changed that to a fixed size of 440px and added a fixed width for the sidetitle of 180px - wella. Everything worked out just like I wanted it to.
You can see the finished product here.
I'd still be interested in the rationale behind this "feature" - please comment.
8:05:38 PM
|