nicht angemeldet
div overflow:auto sprengt body
Ich versuch hier gerade die Oberfläche einer etwas älteren Anwendung zu flicken weil sich beim Update von Firefox 2.x auf 3.x irgendwas geändert hat.
Umstellung auf CSS ist in der Mache, aber so flink geht das nicht.
Das Problem kommt mir bekannt vor, ich find nur nirgends eine Lösung:
Body -> Tabelle. Darin steckt in einer Spalte ein div mit overflow:auto
Ausserdem ist white-space:nowrap gesetzt.
Rein theoretisch sollte der das nun so rendern: <table> auf Breite des <body>, <td> auf Breite der Table, <div> auf Breite der TD und dann Scrollbalken einbauen wenn der Inhalt zu breit oder zu lang ist.
Stattdessen macht er "neuerdings" die Tabelle einfach so breit bis alles reinpasst statt zu Scrollen und sprengt dabei den <body>
Ich hab das mal auf ein simples Beispiel heruntergebrochen mit paar farbigen Rändern dazu:
<html>
<style>
* {white-space:nowrap}
.scroll {overflow:auto; border:1px solid red}
body {border:1px solid blue}
table {border:2px dotted green; width:500px}
</style>
<body>
<table>
<tr>
<td>
Sonstwas
</td>
<td>
<div class="scroll">
alödlasdfk fa aslödf asldf jkalsdf jklasdjkf klaösdfj löasdfj klöasdf löasd jf lasdfj öalsdkfj öalsdkjf löasdf ölasdjkf löasdfj löasdjkf löaskdjf löasjkdf ölasjkdf löasdjf löasdfjk a
</div>
</td>
</tr>
</table>
</body>
</html>
Was tun?
-
Hallo,
Das Problem kommt mir bekannt vor, ich find nur nirgends eine Lösung:
Body -> Tabelle. Darin steckt in einer Spalte ein div mit overflow:auto
Was tun?ich sehe keinen Grund, hier eine Tabelle einzusetzen. Der Verzicht auf die Tabelle ist die allereinfachste Lösung.
Willst Du die Tabelle dennoch verwenden, so kommst Du kaum um table-layout:fixed mit Breitenvorgabe für die Spalte herum.
Freundliche Grüße
Vinzenz
-
ich sehe keinen Grund, hier eine Tabelle einzusetzen. Der Verzicht auf die Tabelle ist die allereinfachste Lösung.
Wie in meinem Posting beschrieben ist das ein herausgezogenes Beispiel aus einer grösseren Anwendung die weder "mal eben", "schnell" oder "einfach" auf ein CSS Layout umzustellen ist.
Was mich so irritiert: das funktionierte jahrelang und will nun nicht mehr.
Bernd
-
'ǝɯɐu$ ıɥ
Was mich so irritiert: das funktionierte jahrelang und will nun nicht mehr.
Eine Webseite ist wie eine Ehe....
ssnɹƃ
ʍopɐɥs--
I like children. If they're properly cooked.
- W.C. Fields-
Was mich so irritiert: das funktionierte jahrelang und will nun nicht mehr.
Eine Webseite ist wie eine Ehe....
Warum habe ich den Verdacht, dass die geplante Umstellung auf CSS-Basiertes Layout meine Probleme nur auf eine andere Ebene verschieben wird? *fg*
Bernd
-
Hallo!
Warum habe ich den Verdacht, dass die geplante Umstellung auf CSS-Basiertes Layout meine Probleme nur auf eine andere Ebene verschieben wird? *fg*
Ein weiser Mann sagte mal:
"Wo kämen wir denn hin, wenn jeder sagte 'Wo kämen wir denn hin?', wenn keiner ginge, um zu sehen, wo hin wir kämen, wenn wir gingen?"Liebe Grüße aus Norddeutschland.
--
ie:{ fl:( br:> va:} ls:[ fo:| rl:? n4:~ ss:) de:> js:| ch:? sh:( mo:) zu:)
-
-
-
-
-
Hallo,
Mit einer festen px-Breite für das DIV geht es anscheinend.
Mathias