<div> mit overflow:scroll; macht newline statt scrollbar
Aqua
- html
Hallo!
Wenn ich im normalfall bei einer HTML-Seite 3 Zeilen schreibe
und am ende jeweils ein <br> bzw. <br /> mache,
dann kommen im Browser 3 Zeilen heraus.
Mein Design erlaubt es leider nicht dass ich soviel Platz
dafür hergebe, aber ich will das die Zeilen NICHT
abgeschnitten werden, sondern komplett sichtbar sind wie
es normal auch waere,
aber MIT scrollbar.
Und wenn ich sage scrollbar,
dann meine ich in diesem fall auch die horizontale (links-rechts)
weil das DIV nur 270 pixel lange ist und sich
diese 3 zeilen nicht ausgehen.
Leider macht der Browser folgendes:
Er gibt mir statt 3 Zeilen einfach 9 zeilen und eine
vertikale scrollbar (oben-unten).
Es sollte aber eine horizontale scrollbar sein und nur
3 zeilen sichtbar...
Danke,
Aqua
PS.: Screenshot:
http://www.geocities.com/hwatzinger/bild.html
--------------------------------------------------------------
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>XHTML Test</title>
</head>
<body>
<div style="overflow:scroll; width:270px; height:300px;">
abcdef ghijk lmnopqrstuvw xyz abcdef ghijklmnopq rstuvwxyz abcdefghij klmnopqrstuvwxyz <br />
abcde fghijklmnopq rstuvwxyz abcdefg hijklmnopq rstuvwxyz abcdefgh ijklmnopq rstuvwxyz <br />
abcdefghijklmn opqrstuvwxyz abc defghijklmnopqrst uvwxyz abcdefgh ijklmnopqrs tuvwxyz <br />
</div>
</body>
</html>
Hallo,
dann meine ich in diesem fall auch die horizontale (links-rechts)
weil das DIV nur 270 pixel lange ist und sich
diese 3 zeilen nicht ausgehen.
querscrollen ist eine denkbar schlechte Lösung, gerade bei einem
so kleinen Feld. Der Benutzer ist es einfach nicht gewöhnt und
imho macht es auch einen unprofessionellen Eindruck, so nach dem
Motto "Gewollt und nicht gekonnt.".
Es sollte aber eine horizontale scrollbar sein und nur
3 zeilen sichtbar...
http://de.selfhtml.org/css/eigenschaften/ausrichtung.htm#white_space
hast Du bereits ausprobiert?
Viele Grüße,
Stefan