Problem Tabellenlayout

eni_84

Hallo,
ich wende mich jetzt mal vertrauensvoll an euch, in der Hoffnung, dass ihr einen HTML-Einsteiger wie mir helfen könnt.
Und zwar bin ich gerade dabei eine Homepage zu erstellen.
Der Quelltext:

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Language" content="de">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Handball TKJ Sarstedt</title>
<link rel="stylesheet" type="text/css" href="format.css">
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="3" height="120" width="250 px" id="logo"></td>
<td height="33px" width="206 px" class="menue_oben"> [url='los'] was ist sonst los [/url] </td>
<td height="33px" width="131px" class="menue_oben"> [url='trainingszeiten'] trainingszeiten [/url] </td>
<td height="33px" width="131px" class="menue_oben"> [url='sponsoren'] sponsoren [/url] </td>
<td height="33px" width="131px" class="menue_oben"> [url='ansprechpartner'] ansprechpartner [/url] </td>
<td rowspan="3" height="120" width="250px" id="bogen_rechts"></td>
</tr>
<tr>
<td height="33px" width="131px" class="menue_oben"></td>
<td height="33px" width="131px" class="menue_oben"> [url='gaestebuch'] g&auml;stebuch [/url] </td>
<td height="33px" width="131px" class="menue_oben"> [url='forum'] forum [/url] </td>
<td height="33px" width="131px" class="menue_oben"> [url='impressum'] impressum [/url] </td>
</tr>
<tr>
<td colspan="4" height="54" id="bogen_unten"></td>
</tr>
<tr>
<td rowspan="2" height="*" width="250px" id="menue"> </td>
<td height="33" width="206px" align="right"> [url='mannschaft'] mannschaft [/url] </td>
<td height="33" width="131px" align="right"> [url='spielplan'] spielplan [/url] </td>
<td height="33" width="131px" align="right"> [url='tabelle'] tabelle [/url] </td>
<td height="33" width="131px" align="right"></td>
<td rowspan="2" height="*" width="250px" id="bildleiste"></td>
</tr>
<tr>
<td height="495px" width="524px" colspan="4" class="hauptteil"></td>
</tr>
<tr class="hauptteil">
<td height="120px" width="250px" id="unten_links"></td>
<td colspan="4" height="100px" id="unten_mitte"></td>
<td height="120px" width="250px" id="unten_rechts"></td>
</tr>
</table>
</body>
</html>

Alles anzeigen

Und die dazugehörige CSS-Datei:

Code

body,table,td,tr,div,p,pre,h1,h2,h3,h4,ul {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
body,td,div,p,pre,ul {font-size: 13px;}
h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 13px;}
.small {font-size: 12px;}
.mini { font-size: 11px;}
.minimini {font-size: 10px;}
a { font-size: 13px; text-decoration: none; font-weight : bold;}
a:link {color:#000000}
a:visited { color:#000000}
a:active {color:#000000}
a:hover{color: #000000;}


#logo { background-image: url(bilder/oben_links.jpg);background-position: center bottom;background-repeat: no-repeat;}
#bogen_unten {background-image: url(bilder/oben_mitte.jpg);background-position: center bottom;background-repeat: no-repeat;}
#bogen_rechts { background-image: url(bilder/oben_rechts.jpg);}
#menue {background-color: #C5BABC;}
#hauptteil {background-color: White;overflow: scroll;}
#bildleiste { background-color: #C5BABC;}
#unten_links { background: #FF0030;}
#unten_mitte { background: #C5BABC;}
#unten_rechts { background: #C5BABC;}
.menue_oben { background-color: #FF0030;text-align: right;}

Alles anzeigen

Nun meine Probleme:
1. Die Seite soll dynamisch werden, also ich meine für jede Bildschirmauflösung, aber wenn ich anstatt px Prozente angebe, dann schiebt er mir alles zusammen auf ein kleines Minimum in der Höhe. Wo ist mein Fehler?
2. Wie kann ich die Grafiken einbinden, so dass dort nicht diese komischen Lücken sind wie auf dem Screenshot im Anhang? Wie kann ich es erreichen, dass die sich auch automatisch verkleinern, bzw. einfach immer die Tabellenfelder ausfüllen?

Wisst ihr, was ich meine? - Wenn nicht, muss ich nochmal versuchen es besser zu erläutern.
Im Moment komme ich einfach nicht mehr weiter!
Ich weiß einfach nicht, woran das liegt.
Wichtig... ich möchte die Tabellen nciht in CSS machen, ich war schon froh, dass ich es jetzt soweit schon erstellen konnte und hoffe nun, dass es nur noch "Kleinigkeiten" sind, die mir für mein Grundgerüst fehlen?!

Also, über Antworten würde ich mich freuen.

Schöne Grüße aus Hannover

Tags