:: Forum >>

Column Header not Aligning with Column Data

When you press Go, the column header doesn't perfectly align with Column Data. What am I doing wrong? You can see the discrepancy when you expand the browser horizontally.

Wednesday, November 25, 2009
You are using a 'strict' doctype and adding row/cell borders. This changes the row/cell height and width according to W3C content-box model. To fix that you need to reduce the padding to the same amount -

#grid .aw-grid-row {border-bottom: 1px solid threedlightshadow;}
#grid .aw-grid-cell {border-right: 1px solid threedlightshadow;}

/* box model correction for strict doctype */
.aw-strict #grid .aw-grid-row {padding-bottom: 3px;}
.aw-strict #grid .aw-grid-cell {padding-right: 3px;}
Alex (ActiveWidgets)
Wednesday, November 25, 2009

This topic is archived.

Back to support forum

Forum search