Dee: scrollbalken verschiebt inhalt

Beitrag lesen

SELF-Forum

scrollbalken verschiebt inhalt

Dee
– Informationen zu den Bewertungsregeln

Hallo da draussen,

ich bastel hier an einer Seite auf Tabellen Basis.
Der obere Bereich (Menü und Claim) soll eine Feste Höhe (232px) und Breite (951px) haben.
Der untere Bereich soll eine 100% Höhe und eine Breite von ebenfalls (951px) haben und bei viel Inhalt scrollen.

Ich habe das bisher so umgesetz:

########################################
<body>
<table id="center">
  <tr>
    <td id="center_main">
 <table id="main">
   <tr>
     <td id="main_top">
    <div id="top">oben</div>
  </td>
   </tr>
   <tr>
     <td id="main_bottom">
    <div id="scroll">
      <div id="bottom">unten</div>
    </div>
  </td>
   </tr>
 </table>
 </td>
  </tr>
</table>
</body>

/*--------TABLEs-----------*/

table#center {
 width: 100%;
 height: 100%;
 }

table#main {
 width: 100%;
 height: 100%;
 text-align: left;
 }

/*------------TDs------------*/

td#center_main {
 width: 100%;
 height: 100%;
 text-align: center;
 vertical-align: middle;
 }

td#main_top {
 width: 100%;
 height: 232px;
 vertical-align: top;
 text-align: center;
 }

td#main_bottom {
 width: 100%;
 height: 100%;
 text-align: left;
 }

/*--------------DIVs------------*/

div#top {
 width: 951px;
 height: 201px;
 }

div#scroll {
 width: 100%;
 height: 100%;
 overflow: scroll;
 margin: auto;
 text-align: center;
 }

div#bottom {
 width: 951px;
 height: 100%;
 }

#########################################

Nun verschiebt aber der Scrollbalken die untere Tabelle um einige Pixel nach links und das design(habe ich der Übersichtlichkeit wegen entfernt) wird zerissen.

Nun könnte ich den scrollbalken über overflow: scroll; immer erzwingen und mein div mit einem padding-left versehen um den Abstand wieder auszugleichen. Aber dann habe ich nicht nur einen scrollbalken rechts, sonder auch unten.

Weiß hierzu jemand Rat?! Oder sollte ich den gesamten Seiten aufbau anders angehen?!

Für hilfe waäre ich dankbar....

Gruß

Dee

Beitrag melden
–
Informationen zu den Bewertungsregeln