Christian Schrei: 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

erst mal danke für die schnelle antwort;
zu deinem lösungsvorschlag:
ich kann auch ohne  marginwidth=0 die ränder per CSS einrücken, nur leider bringt mir das nicht viel, weil es nicht mit jeder auflösung funktioniert.
außerdem: nur wenn ich den wert auf ca. margin-left:500px, tut sich erst was - bei meiner auflösung.
interessanterweise bleibt die "hidden scrollbar" jedoch noch einige zeit bestehen, ab ca. 600 geht die tabelle erst bis zum rand!

mfg,
christia