Firefox + Vertikal scrollbar + child selector syntax
Hejsa.Jeg har et problem med mine tabeller. Da de indeholder mange rækker og jeg har begrænset plads, anvender jeg vertikale scrollbars på tabellerne. Min tableheader skal desuden være fixed når jeg scroller, derfor bruger jeg klassikeren:
table>tbody { /* child selector syntax which IE6 and older do not support*/
overflow: auto;
height: 250px;
overflow-x: hidden;
}
Mine tabeller har desuden mange kolonner, der gør horizontale scrollbars nøvendige.
Mit problem er at firefox "embedder" den vertikale scrollbar i den sidste kolonne (pga førnævnte table>tbody child selector syntax). Det er sådan set fint nok, men det betyder også at den vertikale scrollbar ikke altid er synlig pga. mine horisontale scrollbars! Med andre ord skal jeg scrolle helt til højre før jeg kan se den vertikale scrollbar. I IE er scrollbaren lige til højre for tabellen, og den er altid "fast/fixed" - nøjagtig som jeg vil have det!
For et eksempel på hvad jeg mener med "embedded" så tilgå
http://home.tampabay.rr.com/bmerkey/examples/nonscroll-table-header.html
fra IE og FF for at se forskellen på placeringen af den vertikale scrollbar. Forfatteren nævner iøvrigt at "Mozilla self-induces display problems cramming the scrollbar into the last column, which can be corrected with advanced selector syntax." - hvis det er til nogen hjælp.
Håber nogen har input. På forhånd tak! :)