|
||||
overflow:scroll + hintergrund der kindelemente
Moin,
ich möchte Quellcode darstellen, zwecks Zeilennummerierung hab ich mit einer <ol> angefangen (inzwischen aber auf die list-items verzichtet, daher an der Stelle flexibel). Die <ol> hat eine quasi feste Breite, soll bei zu langen Zeilen scrollen. Die Zeilen haben eine Hintergrundfarbe, allerdings nur auf der Breite der initialen Anzeigebreite, scrolle ich horizontal, passiert das, was zu erwarten, jedoch nicht gewünscht ist. Code:
<ol class="source"> <li class="even d2"><span class="line d2"> [...] </li> </ol> Code:
.source { list-style: none; max-height: 400px; overflow: scroll; /** explizit, auch wenns nix zu scollen gibt **/ } .source li { white-space: pre; } (Hab grad 90 Minuten lang per Telefon mit einer älteren Dame ein Computer-Problem gelöst, hatte also viel Zeit, daher das Beispiel angehübscht, gegooglet, Forum durchsucht, etc. - aber keine _sinnvolle_ Lösung gefunden). Bin also für eure Ideen offen, eine Lösung scheint so naheliegend zu sein, nur seh ich sie offenbar nicht.
__________________
Die Zeit hat ihre Kinder längst gefressen: hund (back in black) | ??? | ??? | ... |
Sponsored Links |
Sponsored Links |
|
||||
Siehe noch mein edit bzgl. max-height (versteht sich zwar eh von selbst, aber ich hatte es halt vergessen explizit dazuzuschreiben).
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten. Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.) |
|
||||
Kann grad sowieso nicht basteln, werd nachher mal drüber schauen, auch was das Verhalten bei zu schmalen Inhalten angeht.
__________________
Die Zeit hat ihre Kinder längst gefressen: hund (back in black) | ??? | ??? | ... |
|
||||
Es funktioniert einwandfrei, sogar in alten Browsern wie z.B. Netscape 7.0 und Opera 7.5. Nur der IE < 8 braucht die üblichen Listen-Sonderbehandlungen.
Für das Verhalten bei zu schmalen Inhalten bekommt ol min-width.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten. Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.) |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
div Hintergrund wird im IE durch Hintergrund des unteren divs überlagert | ren83 | CSS | 6 | 19.10.2008 16:50 |
Hintergrund | Yada` | CSS | 10 | 21.09.2008 18:03 |
Div Orientierung | Leonidus | CSS | 22 | 30.05.2007 18:05 |
Hintergrund | SPMan | CSS | 0 | 16.05.2007 09:58 |
Hintergrund wird im IE abgehackt | lekim | CSS | 0 | 29.03.2006 15:14 |