Scrollbars, table og overflow og måske lidt andet.
Stig Johansen
(NB Firefox only, s� svar i forhold til andre browsere er u�nskede).
Jeg sidder og fedter med det der sk*de overflow og scrollbars.
Problemstillingen ligger her:
http://w-o-p-r.dk/tips/color.picker.asp
selv om det ikke umiddelbart fremg�r, da det er noget javascript genereret
noget.
Kort baggrund:
N�r man laver �ndringe, s� gemmer jeg �ndringerne i en historylist, s� man
kan se hvilke elementer, og hvad, man har p�virket.
For den ikke skal fylde for meget, har jeg sat en height p�, og vil gerne
have en scrollbar p�, hvis der er flere 'entries' end den er h�j.
Det virker s�dan set fint nok - screendump her:
http://w-o-p-r.dk/images/historylist.1.png
Men det er jo ikke s�rlig k�nt med 'broken lines' i cellerne, s� derfor
tilf�jer jeg:
white-space: nowrap;
p� tabel/celler, og s� er cellerne ubrudte, MEN
s� kommer der squ ogs� en vandret scrollbar (screendump):
http://w-o-p-r.dk/images/historylist.2.png
Hvordan grejer den, s� jeg _kun_ f�r lodret scrollbar, samtidig med at
cellerne ikke wrapper ?
Relevant html:
....
<div id="history"><span>History list </span><a id="closehistory"
href="#">close</a>
<div id="historylist"></div>
</div>
....
og inde i historylist dannes <table id="historytable">
og i CSS'et er forskellen:
....
#historytable {
....
white-space: nowrap;
....
Alts� uden white-space er scrollbaren ok, men ikke indholdet, og med
white-space er indholdet ok, men ikke scrollbaren.
Skal jeg have nogle ekstra div eller andet ind?
--
Med venlig hilsen/Best regards
Stig Johansen
Erik Ginnerskov
> Hvordan grejer den, s� jeg _kun_ f�r lodret scrollbar, samtidig med at
> cellerne ikke wrapper ?
Har du sat en bredde p� vinduet med tabellen?
Det h�nger ikke sammen, at du b�de vil undg� tekstwrap og vandret scrollbar
i en breddel�st tabel. Du m� v�lge mellem pest og kolera (enten nowrap eller
scrollbar) eller lade indholdet s�tte bredden.
--
Med venlig hilsen
Erik Ginnerskov
http://ginnerskov.dk - http://html-faq.dk
Stig Johansen
> Har du sat en bredde p� vinduet med tabellen?
Nej, jeg har netop ikke sat bredden, for at undg� (vandret) scrollbar.
Jeg har fundet ud af det nu.
Ved at s�tte h�jre margin p� den indlerede tabel til 12-14 px, s� forsvinder
den vandrette scrollbar.
Jeg syntes ellers jeg havde pr�vet alle mulige kombinationer af margin og
padder, men �benbart ikke lige denne kombination.
--
Med venlig hilsen
Stig Johansen
Stig Johansen
> Jeg har fundet ud af det nu.
> Ved at s�tte h�jre margin p� den indlerede tabel til 12-14 px, s�
> forsvinder den vandrette scrollbar.
En lille opf�lgning.
Jeg har(havde) ikke sat nogen bredde p� nogen af cellerne eller tabellen, s�
den tilpasser sig automatisk.
De 2 kolonner med baggrundsbilleder bliver derfor justeret efter teksen
(U/R), hvorimod baggundsbilledet er 16px.
For at f� det til at 'ikke s� fladtrykt' ud, satte jeg width til 20px - og
guess what - s� virker det pludselig med scrollbaren, og beh�ver derfor
ikke ovenn�vnte margin.
Mystisk, men der er �benbart forskel p� om man ikke angiver nogen width,
eller blot angiver en enkelt.
(Det er Firefox, og jeg ved i sagens natur ikke hvordan det opf�rer sig i
andre browsere).