Cheatah: overflow funktioniert nicht

Beitrag lesen

SELF-Forum

overflow funktioniert nicht

Cheatah
– Informationen zu den Bewertungsregeln

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 >&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</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>&nbsp;</td>
  </tr>

Moment mal, das sind doch keine tabellarischen Daten hier. Mit was rechtfertigst Du den Einsatz einer Tabelle?

<tr>
    <td >&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</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
Beitrag melden
–
Informationen zu den Bewertungsregeln