Dee: scrollbalken verschiebt inhalt

Beitrag lesen

Hello out there!

width: 951px;
Oder sollte ich den gesamten Seiten aufbau anders angehen?!

Ja, denn bei etlichen Nutzern ist der Viewport schmaler als 951 Pixel; und horizontales Hin- und Herscrollen ist verständlicherweise sehr unbeliebt.

See ya up the road,
Gunnar

Hallo Gunnar,

ok, also das sehe ich ein. (ich werde diese Breiten angaben zwar beibehalten müssen [Kunde ist König], aber um hier niemanden zu verwirren , setze ich die Breite mal auf 600px)

Damit habe ich aber immer noch die verschiebung des untern divs um ca. 8px...

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

/*--------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: 600px;
 height: 201px;
 }

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

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

<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>

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

Gruß Dee