[HTML, PHP] Vertikale Scrollbalken in 100% Codefeld anzeigen

[Zacherl]

Hi,
momentan verwende ich folgenden Code, um in meinem Forum ein Codefeld anzuzeigen:

Code:

<table width='100%' class='tbl-border' cellpadding='0' cellspacing='1'><tr><td class='tbl2'>[b]".$geshi->get_language_name()."[/b]</td></tr><tr><td><div class='tbl1' style='height:400px;white-space:nowrap;overflow:auto;background-color:#ffffff;'>".$parsedcode."</div></td></tr></table>

Ich möchte erreichen, dass das Feld die größtmögliche Seitenbreite einnimmt (100% width), und gleichzeitig einen vertikalen Scrollbalken anzeigt, wenn eine Zeile über die 100% width hinausgehen würden.

Kennt jemand eine Lösung? ($parsedcode enthält den Highlight-Code)

Florian

[himitsu]

selfhtml > siehe Scrollbar

oder einfach mal in den DP-CSS-Dateien nach "Code" suchen :zwinker:

[Zacherl]

Des ist klar ;) Mein Problem ist, dass die vertikalen Scrollbalken nur dann angezeigt werden, wenn ich für Width eine feste Pixelgröße angegeben habe ... Bei 100% wird die Tabelle einfach langgezogen und keine Scrollbalken angezeigt :?

[alcaeus]

Der erste Schritt sollte sein, valides HTML auszugeben. Anstatt

Code:

<table width='100%'>

schreibt man

Code:

<table width="100%">

Weiters, du musst das div nicht in einer Tabelle verschachteln. Folgender Code:

Code:

<div style="height:400px;overflow:auto|scroll">Foobar</div>

sollte die Scrollbars immer anzeigen. Bei mir funktioniert es jedenfalls wie erwuenscht :)
Der Grund warum ich "auto|scroll" geschrieben habe, ist weil auto dem Browser die Wahl laesst, scroll hingegen die Scrollbars erzwingt. Spiel einfach damit rum, und waehle eines der beiden aus, eines funktioniert immer ;)
Wegen der Breite: als Block-Element verwendet das div standardmaessig den ganzen verfuegbaren Platz, also normalerweise 100% :)

Greetz
alcaeus

PS: Den Langzieh-Effekt wirst du nur im IE beobachten koennen. Firefox zeigt deinen Code bei mir wie erwartet an ;)

[Zacherl]

Ja stimmt ... im Opera geht es bei mir auch ... Sollten die vom Microsoft Team in der Final vom IE 7 noch verbessern ...

[alcaeus]

Hast du wenigstens den Code ohne Tabelle getestet?

Greetz
alcaeus