Hallo!
Ich arbeite gerade an einer Website, aber leider stehe ich seit ein paar Tagen vor einem Problem. Auf meinem Screenshot (unten) seht ihr mein Problem. Ich möchte gerne die Seite etwas breiter machen, doch wenn ich bei einem Table die Breite erhöhe, bekomme ich immer diese Zwischenräume (rote Pfeile). Diese Zwischenräume sollten natürlich nicht sein. Da ich erst ein paar Monate HTML an der Schule lerne, kann es natürlich auch sein, das ich die Breite auch an der falschen Stelle geändert habe.
Könnt ihr mir sagen, wie ich diese Seite breiter mache, ohne das diese Zwischenräume oder andere Probleme auftreten?
Ich bin für jede Hilfe dankbar!!!
MFG, Corona
Hier der Code:
HTML
<html>
<head>
<title>Union Obernberg am Inn</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<style>
ul, li, p, td, div {
color: #383A3A;
font-family: verdana;
font-size: 10px;
}
a { text-decoration: none }
</style>
<body background="images/bg.png" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" link="#EBEBEB" vlink="#EBEBEB" alink="#EBEBEB">
<center>
<table width="651" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="20"></td>
<td>
<table id="Table_01" width="631" height="891" border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="images/image_01.png"></td>
<td rowspan="16" bgcolor="#FFFFFF"></td>
<td colspan="18" rowspan="2">
[img]images/image_union_header3.png[/img]</td>
<td rowspan="16" bgcolor="#FFFFFF"></td>
<td background="images/image_05.png"></td>
<td>
[img]images/spacer.gif[/img]</td>
</tr>
<tr>
<td rowspan="15" background="images/image_01.png"></td>
<td rowspan="15" background="images/image_05.png"></td>
<td>
[img]images/spacer.gif[/img]</td>
</tr>
<tr>
<td colspan="18" bgcolor="#FFFFFF">
</td>
<td>
[img]images/spacer.gif[/img]</td>
</tr>
<tr>
<td colspan="2" bgcolor="7D7D7D">
<center>[url='home_info.html']Home[/url]</center></td>
<td>
[img]images/image_10.png[/img]</td>
<td bgcolor="7D7D7D">
<center>[url='tennis.html']Tennis[/url]</center></td>
<td>
[img]images/image_10.png[/img]</td>
<td bgcolor="7D7D7D">
<center>[url='tennis.html']Volleyball[/url]</center></td>
<td>
[img]images/image_10.png[/img]</td>
<td bgcolor="7D7D7D">
<center>[url='tennis.html']Schach[/url]</center></td>
<td>
[img]images/image_10.png[/img]</td>
<td bgcolor="7D7D7D">
<center>[url='tennis.html']Ski[/url]</center></td>
<td>
[img]images/image_10.png[/img]</td>
<td colspan="3" bgcolor="7D7D7D">
</td>
<td bgcolor="#FFFFFF"></td>
<td colspan="3">
[img]images/image_21.png[/img]</td>
<td>
[img]images/spacer.gif[/img]</td>
</tr>
<tr>
<td colspan="18" bgcolor="#FFFFFF"></td>
<td>
[img]images/spacer.gif[/img]</td>
</tr>
<tr>
<td background="images/image_23.png"></td>
<td colspan="11" background="images/image_23.png"></td>
<td rowspan="11" bgcolor="#FFFFFF"></td>
<td colspan="5" rowspan="3" bgcolor="CCCCCC">
<iframe src="rbar3_info.html" name="content2" frameborder="0" width="100%" height="229" allowtransparency="true"></iframe></td>
</td>
<td>
[img]images/spacer.gif[/img]</td>
</tr>
<tr>
<td colspan="12" bgcolor="#FFFFFF"></td></td>
<td>
[img]images/spacer.gif[/img]</td>
</tr>
<tr>
<td colspan="12" rowspan="9" bgcolor="EBEBEB">
<iframe src="home_info.html" name="content" frameborder="0" width="100%" height="100%" allowtransparency="true"></iframe></td>
<td>
[img]images/spacer.gif[/img]</td>
</tr>
<tr>
<td colspan="5" bgcolor="#FFFFFF"></td>
<td>
[img]images/spacer.gif[/img]</td>
</tr>
<tr>
<td colspan="3" bgcolor="7D7D7D">
<font size="1" face="Verdana" color="#EBEBEB">Info 1</font></td>
<td bgcolor="#FFFFFF"></td>
<td>
[img]images/image_32.png[/img]</td>
<td>
[img]images/spacer.gif[/img]</td>
</tr>
<tr>
<td colspan="5" bgcolor="#FFFFFF"></td>
<td>
[img]images/spacer.gif[/img]</td>
</tr>
<tr>
<td colspan="5" bgcolor="CCCCCC">
<iframe src="rbar1_info.html" frameborder="0" width="100%" height="229" allowtransparency="true"></iframe></td>
<td>
[img]images/spacer.gif[/img]</td>
</tr>
<tr>
<td colspan="5" bgcolor="#FFFFFF"></td>
<td>
[img]images/spacer.gif[/img]</td>
</tr>
<tr>
<td colspan="3" bgcolor="7D7D7D">
<font size="1" face="Verdana" color="#EBEBEB">Info 2</font></td>
<td bgcolor="#FFFFFF"></td>
<td>
[img]images/image_32.png[/img]</td>
<td>
[img]images/spacer.gif[/img]</td>
</tr>
<tr>
<td colspan="5" bgcolor="#FFFFFF"></td>
<td>
[img]images/spacer.gif[/img]</td>
</tr>
<tr>
<td colspan="5" bgcolor="CCCCCC">
<iframe src="rbar2_info.html" frameborder="0" width="100%" height="222" allowtransparency="true"></iframe></td>
<td>
[img]images/spacer.gif[/img]</td>
</tr>
<tr>
<td>
[img]images/spacer.gif[/img]</td>
<td>
[img]images/spacer.gif[/img]</td>
<td>
[img]images/spacer.gif[/img]</td>
<td>
[img]images/spacer.gif[/img]</td>
<td>
[img]images/spacer.gif[/img]</td>
<td>
[img]images/spacer.gif[/img]</td>
<td>
[img]images/spacer.gif[/img]</td>
<td>
[img]images/spacer.gif[/img]</td>
<td>
[img]images/spacer.gif[/img]</td>
<td>
[img]images/spacer.gif[/img]</td>
<td>
[img]images/spacer.gif[/img]</td>
<td>
[img]images/spacer.gif[/img]</td>
<td>
[img]images/spacer.gif[/img]</td>
<td>
[img]images/spacer.gif[/img]</td>
<td>
[img]images/spacer.gif[/img]</td>
<td>
[img]images/spacer.gif[/img]</td>
<td>
[img]images/spacer.gif[/img]</td>
<td>
[img]images/spacer.gif[/img]</td>
<td>
[img]images/spacer.gif[/img]</td>
<td>
[img]images/spacer.gif[/img]</td>
<td>
[img]images/spacer.gif[/img]</td>
<td>
[img]images/spacer.gif[/img]</td>
<td></td>
</tr>
</table>
</td>
</tr>
</center>
</table>
</body>
</html>[Blockierte Grafik: http://i2.photobucket.com/albums/y30/Corona2k5/screen.png]