3.2.0

Column Header not Aligning with Column Data

http://61.8.156.140/ValueInvestIndia/Default2.aspx

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.


Marc.
November 25,
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)
November 25,

This topic is archived.

See also:


Back to support forum