Jag håller på och testar tabeller med scrollbar tbody, så att rubrikerna i thead ligger fast.
Med följande stildeklaration:
tbody {overflow:auto; max-height: 500px}
så får jag vertikal scrollning i längre tabeller, men jag får dessvärre också horisontell scrollning, då tabellen får en bredd av sig själv + bredden av den vertikala skrollbaren.
Går det att fixa något i stil med:
tbody:overflow > tr > td:last-child {width: $this - $scrollbar_width}
eller finns det någon annan lösning, helst utan javascript och liknande?
Testbrowser är Mozilla 1.6
Enbart vertikal scroll i scrollningsbar tbody
4 svar · 316 visningar · startad av higa
Hmm....
higa skrev:
Testbrowser är Mozilla 1.6
overflow-x är MSIE-specifik... ;) - men du kan testa med mozilla-specifika
overflow:-moz-scrollbars-vertical
och hålla tummarna (jag har dåliga erfarenheter av denna, men det var i ett frame-baserat experiment ;) )
http://blooberry.com/indexdot/css/properties/position/overflow.htm
Ok, det visste jag inte :)
Jag har bara läst om det men såg att det var visst CSS3.
http://www.w3.org/TR/2002/WD-css3-ui-20020802/#overflow-props
När jag försökt använda det så kom du och pepejeria fram till att jag inte kunde använda det eftersom sidan jag ville läsa in i en iframe inte låg på min server, så jag har ingen större erfarenhet av det. :)
Mvh
Jan-Olov
Tack Jarvklo, funkar finfint med -moz-scrollbars-vertical, kompletterade f ö den med en
thead+tbody>tr>td:last-child {padding-right: 16px}
för att texten ska hålla sig inom ramarna :)