Jan: tabellen-darstellungsproblem mit seitenrändern!!

Beitrag lesen

hi leute!

ich habe da ein problem, dass wirklich möglichst SCHNELL gelöst werden muss:
eine tabelle geht einfach nicht bis zum rand, sondern hört ca. 0.7cm vor dem browserrand rechts unmotiviert auf...
naja, vielleicht nicht ganz unmotiviert - der rand entspricht nämlich genau der breite der scrollbar.
wenn der inhalt der tabelle also von der länge her nicht mehr auf einer seite angezeigt werden kann, wird natürlich die scrollbar angezeigt und es gibts kein darstellungsproblem.

hier der HTML-Code der site:
<html>
<title>Pestalozzi</title>
<style type="text/css">
body { margin-left:10px; margin-right:0px }
<!-- a:active{color:red}
a:hover{color:#004080}
//--></style>
</head>

<body bgcolor="#FFFFFF" link="#0080FF" TOPMARGIN="0" MARGINWIDTH="0" MARGINHEIGHT="0"
vlink="#0080FF">

<p align="right"><img src="images/exkursionentitle.jpg" width="550" height="138"></p>

<p align="center"> </p>
<div align="right">

<table border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td colspan="2" background="images/tbheadingtop.jpg" height="29"> </td>
  </tr>
  <tr>
    <td width="210" valign="top" background="images/tbheadingleft.jpg"><font face="Arial"
    color="#008000"><span style="float: left; padding-left: 15px">28.05. - 03.06.2000</span></font></td>
    <td valign="top" background="images/tbheadingright.jpg"><font face="Arial"><span
    style="float: left; padding-right: 6px"><strong><a href="exkursionenobertraun.html">Obertraun</a>
    </strong>(4.a)</span></font></td>
  </tr>
  <tr>
    <td width="210" valign="top" background="images/tbheadingleft.jpg"><font face="Arial"
    color="#008000"><span style="float: left; padding-left: 15px">23.05. - 26.05.2000</span></font></td>
    <td valign="top" background="images/tbheadingright.jpg"><font face="Arial"><span
    style="float: left; padding-right: 6px"><a href="exkursionentirolhome.html"><strong>Tirol:
    Innsbruck</strong></a> (7.a & 7.b)</span></font></td>
  </tr>
  <tr>
    <td width="210" valign="top" background="images/tbheadingleft.jpg"><font face="Arial"
    color="#008000"><span style="float: left; padding-left: 15px">04.04. - 14.04.2000</span></font></td>
    <td valign="top" background="images/tbheadingright.jpg"><font face="Arial"><span
    style="float: left; padding-right: 6px"><strong><a href="exkursionenluccahome.html">Italien:
    Lucca</a></strong> (7.a & 7.b<font color="#000000">:</font> Latein- bzw.
    Italienischgruppe)</span></font></td>
  </tr>
  <tr>
    <td width="210" valign="top" background="images/tbheadingleft.jpg"><font face="Arial"
    color="#008000"><span style="float: left; padding-left: 15px">03.04. - 15.04.2000</span></font></td>
    <td valign="top" background="images/tbheadingright.jpg"><font face="Arial"><span
    style="float: left; padding-right: 6px"><strong><a href="exkursionenfrankreichhome.html">Frankreich:
    Paris & Cannes</a></strong> (7.a & 7.b<font color="#000000">:</font>
    Französischgruppe)</span></font></td>
  </tr>
  <tr>
    <td width="210" valign="top" background="images/tbheadingleft.jpg"><font face="Arial"
    color="#008000"><span style="float: left; padding-left: 15px">20.03. - 08.04.2000</span></font></td>
    <td valign="top" background="images/tbheadingright.jpg"><font face="Arial"><span
    style="float: left; padding-right: 6px"><a href="exkursionenusa.html"><strong>USA:
    Washington & NYC</strong></a> (6.a)</span></font></td>
  </tr>
  <tr>
    <td width="210" valign="top" background="images/tbheadingleft.jpg"><font face="Arial"
    color="#008000"><span style="float: left; padding-left: 15px">20.03. - 08.04.2000</span></font></td>
    <td valign="top" background="images/tbheadingright.jpg"><font face="Arial"><span
    style="float: left; padding-right: 6px"><a href="exkursionenengland.html"><strong>England:
    Canterbury & London</strong></a> (6.b & 6.c)</span></font></td>
  </tr>
  <tr>
    <td width="210" valign="top" background="images/tbheadingleft.jpg"><font face="Arial"
    color="#008000"><span style="float: left; padding-left: 15px">06.02. - 12.02.2000</span></font></td>
    <td valign="top" background="images/tbheadingright.jpg"><font face="Arial"><span
    style="float: left; padding-right: 6px"><a href="exkursionenschikurs.html"><strong>Schikurs:
    Mariazell</strong></a> (3.abcd)</span></font></td>
  </tr>
  <tr>
    <td colspan="2" background="images/tbheadingbottom.jpg" height="29"> </td>
  </tr>
</table>
</div>
</body>
</html>

übrigens, hab die seite auch online gestellt zum ansehen - der IE stellt normalerweise ja eine v-scrollbar dar, aber nicht bei einer seite in einem frameset!
also haben Netscape UND MSIE das problem.

die URL: http://the.eroom.org/mexxis/html/

bitte um rasche lösung.
vielen dank schon mal im vorraus - christian

Hallo Christian!

Du musst im Frameset selber die Ränder auf null stellen, und zwar einfach im frameset-Tag marginwidth=0 einfügen.
Dann sind zwar der rechte und der linke Rand auf 0, aber Du kannst ja links mit CSS einrücken.

Gruß, Jan