Scrollbar probleem

[mick93]

table.update 
	{
	border-collapse:collapse;
	border:1px solid #000000;
	align:center;	
	margin-left:auto;	
	margin-right:auto;	
	background-color: #CCCCCC;	
	font-size: 9px;
	width: 800px;
	height: 300px;
	scrollbar-track-color:#999999;
	}

Dit staat in mijn .css, want ik wil dat de update pagina maar een bepaalde hoogte heeft. Vanaf dan moet hij gaan scrollen, maar er komt geen scrollbar. De tabel blijft gewoon zo lang als die zelf wil.
Hoe kan ik dit fixen?

 

[That Guy]

Probeer het eens met een display: block; erbij.

 

[mick93]

Dat werkt niet helaas

 

[John]

Misschien dat de oplossing hier bij staat:
http://css-tricks.com/the-css-overflow-property/

 

[csshunter]

Klopt, daar staat de oplossing bij; maar niet zonder meer: want tabelcellen zijn pittig eigenwijze dingen die altijd willen meerekken met de inhoud.
Maar als je binnen een cel een <div> aanmaakt met de gewenste hoogte, kan je daarop de overflow toepassen, en dan draait alles als bedoeld.

• Voorbeeld: www.developerscorner.nl/csshunter/tests/test-fixed-table-height.htm

Met vriendelijke groet,
CSShunter
__________
PS:
De css-eigenschap {align:center;} bestaat niet, wel {text-align:center;}.
Eigen scrollbar-kleurtjes toevoegen is geen valid html (en werkt alleen in Internet Explorer, die het verzonnen had).
Voor de lettergrootte nooit een fixed font-size in px gebruiken, maar een relatieve maateenheid (em); dan kunnen ook IE-gebruikers het letterformaat naar behoefte aanpassen.