✔ Problem mit overflow:scroll - Scrollbalken werden angezeigt aber nicht genutzt!

[Nord-Süd-Richtung]

Hallo Community,

ich soll eine Homepage basteln, und diese mit Scrollbalken so versehen, dass man nie durch die ganze Seite scrollen muss, sondern das nur der Content "beweglich" ist.
Ich nutze dazu folgenden Quellcode:

<!-- Verschachtelte Tabellen -->
<td id="content">
	                 <table id="tbContent" cellpadding="0" cellspacing="0">
         	        	<tr id="trContent">
                 	        	<td>
                                         	<div class="Scroll">
                         	        	Inhalt ist grün
                                                 M<br />A<br />N<br />B<br />I<b /r>N<br />I<br />C<br />H<br />G<br />R<br />O<br />?<br />o<br />O<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />blub
                                                 </div>

                                 	</td>
	                         </tr>
         	        </table>
                 </td>

div.Scroll
	{width:100%;height:100%;overflow:scroll;}

Kann mir jemand bitte sagen was ich falsch mache?

 

[Layna]

Hallo .
Was meinst du mit "nicht benutzt"?
Dein Code macht bei mir keine Probleme.
Ich vermute aber mal du willst dass durch den Inhalt gescrollt wird wenn die rechte Scrolleiste benutzt wird. Damusst du eventuell dein kompelttes gerüst, abe rzumidnest einen großteil deines CSS komplett umbeuen.

Layna

 

[Nord-Süd-Richtung]

ich glaube ich habe das Problem gefunden:
Der Browser geht davon aus, dass sich die Breiten und Höhenangaben beim <div> auf das ganze Layout beziehen, und nicht nur auf den kleinen Teil in der Tabelle, demnach müsste ich das entsprechend verkleinern. <- Nur Vermutung
Wenn ich mit absoluten Größen in Pixeln arbeite, dann funktionierts

edit: Ja das ist die Lösung, der Browser geht von 100% auf die ganze Seite aus, hab es entsprechend verringert, jetzt klappts

 

[Maik]

Hi,

in einem verschachtelten Tabellenkonstrukt lässt sich dein Vorhaben wohl nur mit einer festen Höhenangabe browserübergreifend umsetzen.

Die overflow:hidden-Eigenschaft gehört zudem auf den Viewport / Dokumentkörper, und nicht auf die Tabelle angewendet.

Alternativ zum "Tabellenlayout" kannst du mal das CSS-Tutorial Tabellenloses Basislayout mit fixierten und separat scrollbaren Blöcken studieren.