html - Table 'width' css property does not prevent table property from exceeding the width of its container -

here offending website: http://giorgostzampanakis.pythonanywhere.com/ratings/ .

try resizing browser window until it's 500 pixels wide , note how table on left ends bigger containing div (you can check firebug or similar tool), though table's width set 78%.

is 'width' css property treated specially when comes tables? haven't been able find documentation stating that.

the reason table bigger parent container because content makes so! if content made of 1 character strings (eg. 1 1 1 1 1) wrap nicely!

if you're going responsive table there lot of solutions hiding columns or other stylistic things. i'd recommend googling solutions, here couple decent links started!

responsive table round up responsive data tables