Centering HTML table wider than body -
when html table wider page body, it's left aligned, no matter if specified centered alignment. i've table containing css3 gradient buttons, size isn't easy predict (buttons size depends on font used browser). on browsers table grows wider page body, causing table become uncentered related page banner.
i've read questions this: center table, if wider parent container stating way of centering tables in scenario javascript.
but i'd wish find solution without javascript. page design simple (just site logo centered on header, , array of big buttons below).
do have suggestion easy , elegant solution this, buttons table centered in page?
i'm not sure is, want? can positioning , play left percentage adjust table.
#test{ border: 1px black solid; width: 800px; position:relative; left: -25%; text-align:center; }
Comments
Post a Comment