Probleme mit Tabellen!

Status
Nicht offen für weitere Antworten.
M

Marco Ehinger

Grünschnabel
Moin zusammen!

Bei mir hat sich irgendwo der Fehlerteufel eingeschlichen und ich habe absolut keine Ahnung wo! Ich muss für ein Projekt eine Webseite erstellen, Design ist fertig, nun hat sich allerdings beim Coden ein Problem ergeben.

Am besten schaut Ihr Euch erst einmal die Seite an, bevor Ihr wisst, was ich meine: http://www.weltkriege-chronik.de

Links ist der Navigationsbereich und rechts der Contentbereich.

Jetzt zum eigentlichen Problem:
Wenn ich im Contenbereich sehr viel Inhalt habe (längere Texte), zieht sich der Inhalt des Navigationsberiechs mit nach unten. Normalerweise müsste die Navigation immer an derselben Stelle bleiben, egal wieviel Text im Contentbereich ist, oder? MIr ist bewusst, dass ich irgendeinen Fehler mit den Tabellen gemacht haben muss, ichw eiß aber absolut nicht was!

Ich bin wirklich für jeden Tipp dankbar!

Gruß,
Marco

Hier ist mal der Quellcode:
----------------------------------------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Weltkriege-Chronik.de</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<SCRIPT Language="JavaScript">
<!--
var Monatsname = ["Januar", "Februar", "März", "April",
"Mai","Juni", "Juli", "August", "September",
"Oktober","November", "Dezember"];
function modifyString()
{
var date = new Date();
date.setTime(Date.parse(document.lastModified));
return + date.getDate()
+ ". "+ Monatsname[date.getMonth()] + " " +
date.getYear();
}
// -->
</SCRIPT>


</head>

<body bgcolor="#F5F5F5" leftmargin="0" rightmargin="0" topmargin="0" marginwidth="0"
marginheight="0">

<table width="790" border="1" align="left" cellspacing="0" bordercolor="#000000" style="border-width:small; border-color:#000000; border-style:dotted; padding:1px;">
<tr>
<td width="837"><table width="100%" cellspacing="0" border="0">
<tr bgcolor="#CCCCCC">
<td colspan="2"><p><img src="images/titel.jpg" width="790" height="160"><br>
<img src="images/navigation.jpg" width="790" height="25"></p> </td>
</tr>
<tr bgcolor="#EBEBE9">
<td height="5" colspan="2"><div align="left" class="Stil3">
<div align="right" class="Stil11"><strong>Datum:
<script language="javascript">
</script>
</strong>
<script language="javascript"><!--
var Datum = new (Date);
var Tag = Datum.getDate();
var Wochentag = Datum.getDay();
var Monat = Datum.getMonth();
var Jahr = Datum.getYear();
var Tagname = new Array("Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag");
var Monatname = new Array("Januar","Februar","März","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember");
var Stunde = Datum.getHours();
var Minute = Datum.getMinutes();
if(Minute<10)
{
Minute = "0" + Minute;
}
if(Stunde<10)
{
Stunde = "0" + Stunde;
}
document.write(Tagname[Wochentag]+", "+Tag+". "+Monatname[Monat]+" "+Jahr+" - "+Stunde+":"+Minute);
//-->
</script>
Uhr &nbsp
<strong>Letztes Update:</strong>
<SCRIPT>document.writeln(modifyString() );</SCRIPT>
</font></div>
</div></td>
</tr>
<tr>
<td width="20%" bgcolor="#EBEBE9"><table width="100%" border="0">
<tr>
<td><table width="93%" border="0">
<tr>
<td><img src="images/pfeil_icon.jpg" width="11" height="15"></td>
<td><span class="Stil10">Home</span></td>
</tr>
<tr>
<td>&nbsp;</td>
<td height="5">&nbsp;</td>
</tr>
<tr>
<td><img src="images/pfeil_icon.jpg" width="11" height="15"></td>
<td><span class="Stil10">Intention</span></td>
</tr>
<tr>
<td><img src="images/pfeil_icon.jpg" width="11" height="15"></td>
<td><span class="Stil10">Team</span></td>
</tr>
<tr>
<td><img src="images/pfeil_icon.jpg" width="11" height="15"></td>
<td><span class="Stil10">Site-Map</span></td>
</tr>
<tr>
<td><img src="images/pfeil_icon.jpg" width="11" height="15"></td>
<td><span class="Stil10">Forum</span></td>
</tr>
<tr>
<td><img src="images/pfeil_icon.jpg" width="11" height="15"></td>
<td><span class="Stil10">Medien</span></td>
</tr>
<tr>
<td><img src="images/pfeil_icon.jpg" width="11" height="15"></td>
<td><span class="Stil10">Institutionen</span></td>
</tr>
<tr>
<td><img src="images/pfeil_icon.jpg" width="11" height="15"></td>
<td><span class="Stil10">Impressum</span></td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td><img src="images/pfeil_icon.jpg" width="11" height="15"></td>
<td><span class="Stil10">Quellen-Archiv</span></td>
</tr>
<tr>
<td><img src="images/pfeil_icon.jpg" width="11" height="15"></td>
<td><span class="Stil10">Personen</span></td>
</tr>
<tr>
<td><img src="images/pfeil_icon.jpg" width="11" height="15"></td>
<td><span class="Stil10">Glossar</span></td>
</tr>
<tr>
<td><img src="images/pfeil_icon.jpg" width="11" height="15"></td>
<td><span class="Stil10">Links</span></td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td><img src="images/pfeil_icon.jpg" width="11" height="15"></td>
<td><form name="form1" method="post" action="">
<span class="Stil10">Suche </span><br>
<input name="suche" type="text" style="background-color:#EBEBE9; color:#000000; text-align:left; border:1px; border-color:#000000; padding:0px; margin:0px;" value="Suchbegriff" size="10">
</form></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="83%"><table width="100%" border="0">
<tr>
<td><?php
$content = $_GET["content"];
if(!$content) include("content/news.inc");
//wenn noch kein Link geklickt wurde &ouml;ffne die Datei 'news'
else
//wenn $content einen Inhalt hat, &ouml;ffne diesen
include("content/".$content);
?></td>
</tr>
</table></td>
</tr>
<tr>
<td height="25" colspan="2" style="background-image:url(images/abschluss.jpg)"><div align="center"></div></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
 
Zuletzt bearbeitet:
Hi,

Du musst den einzelnen Zeilen Deiner Navigationstabelle feste Höhen zuweisen.
Ausserdem musst Du am Ende dieser Tabelle eine Zeile ohne Höhenangabe
einfügen. Die kann sich jeweils der Höhe der Gesamttabelle anpassen.

Weiterhin musst du in den beiden übergordneten Tabellen in den TR-Tags das Attribut valign angeben und den Wert top zuweisen (valign="top").

Ich habe Dir eine überarbeitete Version als ZIP angehängt.

Ciao
Quaese
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück