nicht angemeldet
overflow funktioniert nicht
Gunnar Bittersmann
MudGuardHallo allerseits,
ich habe eine Tabelle in der ein div-Bereich ist. Der div-Bereich soll vertikal scrollbar sein. Leider wird der scrollbar aber nicht aktiv wenn der Inhalt die Höhe des div-Bereiches überschreitet sondern der div-Bereich wird schlicht und einfach höher.
Hier ein beispielhafter Quelltext:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
</head>
<body>
<table width="660" border="1">
<tr>
<td > </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td><img src="avatar-2931.gif"><br><img src="avatar-2931.gif"><br><img src="avatar-2931.gif"><br><img src="avatar-2931.gif"><br><img src="avatar-2931.gif"><br><img src="avatar-2931.gif"><br><img src="avatar-2931.gif"><br><img src="avatar-2931.gif"><br></td>
<td >
<div style="width:300px; height:100%; border:1px solid #0000FF; overflow-y:scroll;">
</div>
</td>
<td> </td>
</tr>
<tr>
<td > </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
-
Hi,
ich habe eine Tabelle in der ein div-Bereich ist. Der div-Bereich soll vertikal scrollbar sein. Leider wird der scrollbar aber nicht aktiv wenn der Inhalt die Höhe des div-Bereiches überschreitet
falsch: Die Scrollbar wird durchaus erscheinen, sollte das jemals passieren. Dummerweise ist das aber unmöglich, denn das <div>-Element hat 100% der Höhe des umgebenden Elements, dessen Höhe von seinem Inhalt abhängig ist. Folge: Das <div> ist immer garantiert so hoch wie sein Inhalt.
Hier ein beispielhafter Quelltext:
Ja, der kann durchaus als schlechtes Beispiel dienen.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
Quirks-Mode. Mangel.
<head>
</head>Das *einzige* Element, welches in HTML/4 *wirklich* im Code stehen muss, fehlt hier.
<table width="660" border="1">
Die beiden Attribute sind in HTML sinnfrei. Verwende CSS.
<tr>
<td > </td>
<td> </td>
<td> </td>
</tr>Warum vermittelst Du hier nicht umbrechende Whitespaces als Inhalt(!)?
<td><img src="avatar-2931.gif"><br><img src="avatar-2931.gif"><br><img src="avatar-2931.gif"><br><img src="avatar-2931.gif"><br><img src="avatar-2931.gif"><br><img src="avatar-2931.gif"><br><img src="avatar-2931.gif"><br><img src="avatar-2931.gif"><br></td>
Du hast keine Zeilen, kannst also mit nichts Zeilenumbrüche rechtfertigen; schon gar nicht _vor_ einem Inhalt. Eliminiere jedes einzelne <br>.
<td >
<div style="width:300px; height:100%; border:1px solid #0000FF; overflow-y:scroll;">Es gibt keine Eigenschaft namens "overflow-y". Geplant ist, dass es sie mal geben wird, aber bisher ist dem nicht so.
</div>
</td>
<td> </td>
</tr>Moment mal, das sind doch keine tabellarischen Daten hier. Mit was rechtfertigst Du den Einsatz einer Tabelle?
<tr>
<td > </td>
<td> </td>
<td> </td>
</tr>Siehe oben.
</table>
</body>
</html>Das war alles? Nur ein offenbar aus nicht-tabellarischen Daten bestehender, falsch strukturierter Inhalt? Kein Header, kein Footer und - vor allem - keine Navigation? Eine komische Seite hast Du da.
Cheatah
--
X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes-
Hi zurück,
Danke schon mal im voraus für die Erläuterung meines Problems
Ja, der kann durchaus als schlechtes Beispiel dienen.
das ist schließlich nur ein Beispielquelltext gewesen meine eigendliche Website sieht anders aus...
Quirks-Mode. Mangel.
was ist Quirks-Mode
Das *einzige* Element, welches in HTML/4 *wirklich* im Code stehen muss, fehlt hier.
welches wäre das?
Die beiden Attribute sind in HTML sinnfrei. Verwende CSS.
ich mag nicht alles in eine CSS-Datei auslagern
Warum vermittelst Du hier nicht umbrechende Whitespaces als Inhalt(!)?
was sind umbrechende Whitespaces?
Du hast keine Zeilen, kannst also mit nichts Zeilenumbrüche rechtfertigen; schon gar nicht _vor_ einem Inhalt. Eliminiere jedes einzelne <br>.
Und wie kriegt man sonst die Bilder übereinander?
Es gibt keine Eigenschaft namens "overflow-y". Geplant ist, dass es sie mal geben wird, aber bisher ist dem nicht so.
dafür das es diese Eigenschaft nicht gibt hat sie bei mir immer wunderbar funktioniert
Moment mal, das sind doch keine tabellarischen Daten hier. Mit was rechtfertigst Du den Einsatz einer Tabelle?
mit der Struckturierung des Inhaltes
mfg goldie
-
Hello out there!
was ist Quirks-Mode
Was ist Wikipedia? Was ist Jeopardy?
Das *einzige* Element, welches in HTML/4 *wirklich* im Code stehen muss, fehlt hier.
welches wäre das?
<http://de.selfhtml.org/html/allgemein/grundgeruest.htm#html@title=Grundgerüst einer HTML-Datei>
ich mag nicht alles in eine CSS-Datei auslagern
Du kannst auch <http://de.selfhtml.org/css/formate/einbinden.htm#zentral@title=Formate zentral für eine HTML-Datei definieren>.
Warum vermittelst Du hier nicht umbrechende Whitespaces als Inhalt(!)?
was sind umbrechende Whitespaces?
Umbrechende Leerzeichen: ' '
Nicht umbrechende Leerzeichen: '
'. (nbsp steht für “no-break space”.Du hast keine Zeilen, kannst also mit nichts Zeilenumbrüche rechtfertigen; schon gar nicht _vor_ einem Inhalt. Eliminiere jedes einzelne <br>.
Und wie kriegt man sonst die Bilder übereinander?
Welches Bild ist denn über dem obersten?
Moment mal, das sind doch keine tabellarischen Daten hier. Mit was rechtfertigst Du den Einsatz einer Tabelle?
mit der Struckturierung des Inhaltes
Autsch. Der Inhalt wird mit den passenden HTML-Elementen strukturiert: Überschriften, Textabsätze, Listen, ...
Zur Anordnung der Inhalte auf der Seite dient CSS. Siehe <http://de.selfhtml.org/css/layouts/index.htm@title=CSS-basierte Layouts>.
See ya up the road,
Gunnar--
„Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe) -
Hallo,
was ist Quirks-Mode
Ist das eine Frage
Ansonsten bitte Google oder Selfhtml bemühen. ;)
Das *einzige* Element, welches in HTML/4 *wirklich* im Code stehen muss, fehlt hier.
welches wäre das?
<title>. Dass hättest du aber auch nach ein bisschen Suchen herausbekommen können.
ich mag nicht alles in eine CSS-Datei auslagern
Dann lager es in mehrere aus? Ich versteh das Problem jetzt nicht ganz.
Warum vermittelst Du hier nicht umbrechende Whitespaces als Inhalt(!)?
was sind umbrechende Whitespaces?
Umbrechende Whitespaces sind z.B: leerzeichen. nicht umbrechende whitespaces sind geschützte Leerzeichen, also .
Und wie kriegt man sonst die Bilder übereinander?
Z.B. display:block im CSS.
Es gibt keine Eigenschaft namens "overflow-y". Geplant ist, dass es sie mal geben wird, aber bisher ist dem nicht so.
dafür das es diese Eigenschaft nicht gibt hat sie bei mir immer wunderbar funktioniert
Naja, es gibt sie schon z.B. im Firefox oder CSS3, aber sie ist noch kein offizieller Standard. Ich würde sie trotzdem benutzen.
Moment mal, das sind doch keine tabellarischen Daten hier. Mit was rechtfertigst Du den Einsatz einer Tabelle?
mit der Struckturierung des Inhaltes
Wenn du den Inhalt strukturieren willst, solltest du besser die Elemente auszeichnen, als das was sie sind (und sie sind keine Tabellen) und die Darstellung über CSS regeln.
Jonathan
-
Hallo goldie!
Quirks-Mode. Mangel.
was ist Quirks-ModeEine Art »Rückwärtskompatibilitätsmodus«, damit vor Jahren erstellte Webseiten auch in Zukunft einigermaßen korrekt dargestellt werden. Im sogenannten Quirks-Mode machen die Browser eher was sie wollen, als das, was sie sollen, auch wenn das, was sie wollen manchmal auch das ist, was der selbst ernannte Webmaster will. Uff. Verstanden? ;)
Wenn Du eine Doctype-Deklaration mit Angabe einer DTD-URI einsetzt, dann schalten die Browser im CSS-Kompatibel-Modus und _sollten_ sich standardkonform verhalten.
Das *einzige* Element, welches in HTML/4 *wirklich* im Code stehen muss, fehlt hier.
welches wäre das?Schau nach?
ich mag nicht alles in eine CSS-Datei auslagern
Es ist aber viel übersichtlicher, vor allem dann, wenn Deine Webseite wachsen sollte.
Warum vermittelst Du hier nicht umbrechende Whitespaces als Inhalt(!)?
was sind umbrechende Whitespaces?Cheatah meinte nicht _umbrechende Whitespaces_ sondern _nicht umbrechende Whitespaces_ und somit die (non-breaking spaces). Die sind nicht geschaffen worden, um Platz zu schaffen, sondern vielleicht damit die Franzosen gemäß ihrer Typografie plenken dürfen ohne dass sie plenken.
Spaßbeiseite: vermeide solche Akrobatien, um horizontalen Platz zu schaffen, und nutze CSS.
Es gibt keine Eigenschaft namens "overflow-y". Geplant ist, dass es sie mal geben wird, aber bisher ist dem nicht so.
dafür das es diese Eigenschaft nicht gibt hat sie bei mir immer wunderbar funktioniertAch ja, auch im Opera? Wie Cheatah schon sagte, diese Eigenschaft gehört noch nicht zum Standard und demnach ist kein Browser verpflichtet, sie zu implementieren.
Moment mal, das sind doch keine tabellarischen Daten hier. Mit was rechtfertigst Du den Einsatz einer Tabelle?
mit der Struckturierung des InhaltesTabellen strukturieren keinen Inahlt sondern stellen tabellarische Daten tabellarisch dar.
Da Du laut Deinem Beispiel keine tabellarische Daten hast, ist ein ein Tabellenlayout nicht notwendig - und abgesehen davon nicht zu empfehlen.
P.S.: Jaja, auch diese Seiten nutzen noch Tabellen, aber das wird bald geändert ;) Außerdem wie heißt der Spruch der Erwachsenen zu den Kindern: "Mach was ich Dir sage, und nicht was ich selber mache"
Viele Grüße aus Frankfurt/Main,
Patrick--
_ - jenseits vom delirium - _
[link:hatehtehpehdoppelpunktslashslashwehwehwehpunktatomicminuseggspunktcomslash]
Nichts ist unmöglich? Doch!
Heute schon gegökt?-
Hi,
Quirks-Mode. Mangel.
was ist Quirks-ModeKleidung für unfähige Browser-Programmierer ;-)
cu,
Andreas--
Warum nennt sich Andreas hier MudGuard?
O o ostern ...
Fachfragen unaufgefordert per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
-
-
-