Hallo Zusammen,
ich hoffe, einer kann mir helfen, sitze den ganzen Tag schon dran!!
Aber irgendwie bekomme ich die Navigationsleiste nicht gescheit auf die linke Seite.
Also es soll alles genauso bleiben, nur die Navigationsleiste von rechts nach links. Ist mit Tabellen. Aber irgendwie ist bei mir der Wurm drin!!
Kann mir jemand sagen, wo mein Fehler ist?? 
(Anlage: index.htm, format.css, datumuhr.js)
Wooaaaa 4 Verschachtelte Tabellen ! Kein wunder das du dich da nicht zurechtfindest !
Im Prinzip musst du aber nur 2 <td>'s tauschen
<td ... class="backnav" ...>
mit <td ... class"backinhalt" ..>
die plätze tauschen, damit hat es sich.
/p.s. natürlich samt kompletten Inhalt!
Ja, aber das verzieht sich dann irgendwie alles!!
Das sieht jetzt voll verzerrt aus!
Hilfe!!
(siehe Anlage)
Hier dein Body
<div align="center">
<table width="756" border="0" cellpadding="5" cellspacing="0" height="796">
<tbody><tr>
<td height="120">
<!--kopf-->
<table class="kopf" width="756" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td width="100%"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td class="kopfoben" width="100%" align="right"><table width="100%" align="right" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td align="right">
<table width="100%" align="right" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td width="756" align="right"><form name="anzeige"><input size="10" name="date" class="datum"></form></td><td> </td><td><form name="anzeige2"><input name="time" size="10" class="zeit" type="text"></form></td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table></td>
</tr>
<tr>
<td class="banner" width="100%" align="center">
<img src="test.jpg" alt="" style="border: 0px solid rgb(169, 169, 169);" width="440" border="0" height="95">
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
<!--kopf ende-->
</td>
</tr>
<tr>
<td height="656">
<table width="756" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<!--space-->
<td class="space" valign="top" align="center"><img src="images/space.gif" alt="" width="6" border="0" height="1"></td>
<!--space ende-->
<td class="backnav" valign="top" width="192">
<table width="192" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td>
<!-- menü li 1-->
<table width="192" border="0" cellpadding="2" cellspacing="0">
<tbody><tr>
<td class="label" valign="top" align="right">Rubrik 01 </td>
</tr>
<tr>
<td class="inhaltnav" valign="top">
<table id="menu" width="192" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td>
<a href="index.html"><span>» </span>Home</a></td>
</tr>
<tr>
<td><a href="impressum.html"><span>» </span>Impressum</a></td>
</tr>
<tr>
<td><a href="index.html"><span>» </span>Gästebuch</a></td>
</tr>
<tr>
<td><a href="index.html"><span>» </span>Angebote</a></td>
</tr>
<tr>
<td><a href="index.html"><span>» </span>Preisliste</a></td>
</tr>
<tr>
<td><a href="index.html" target="haupt"><span>» </span>Weitere Links</a></td>
</tr>
<tr>
<td><a href="index.html" target="haupt"><span>» </span>Weitere Links</a></td>
</tr>
<tr>
<td><a href="index.html" target="haupt"><span>» </span>Weitere Links</a></td>
</tr>
<tr>
<td><a href="index.html" target="haupt"><span>» </span>Weitere Links</a></td>
</tr>
<tr>
<td><a href="index.html" target="haupt"><span>» </span>Weitere Links</a>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
<!-- ende menü li 1-->
</td>
</tr>
<tr>
<td>
<!-- menü li 2-->
<table width="192" border="0" cellpadding="2" cellspacing="0">
<tbody><tr>
<td class="label" valign="top" align="right">Rubrik 02 </td>
</tr>
<tr>
<td class="inhaltnav" valign="top">
<table id="menu" width="192" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td>
<a href="index.html"><span>» </span>Home</a></td>
</tr>
<tr>
<td><a href="index.html"><span>» </span>Kontakt</a></td>
</tr>
<tr>
<td><a href="index.html"><span>» </span>Gästebuch</a></td>
</tr>
<tr>
<td><a href="index.html"><span>» </span>Angebote</a></td>
</tr>
<tr>
<td><a href="index.html"><span>» </span>Preisliste</a></td>
</tr>
<tr>
<td><a href="index.html" target="haupt"><span>» </span>Weitere Links</a></td>
</tr>
<tr>
<td><a href="index.html" target="haupt"><span>» </span>Weitere Links</a></td>
</tr>
<tr>
<td><a href="index.html" target="haupt"><span>» </span>Weitere Links</a></td>
</tr>
<tr>
<td><a href="index.html" target="haupt"><span>» </span>Weitere Links</a></td>
</tr>
<tr>
<td><a href="index.html" target="haupt"><span>» </span>Weitere Links</a>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
<!-- ende menü li 2-->
</td>
</tr><tr>
<td>
<table width="192" border="0" cellpadding="2" cellspacing="0">
<tbody><tr>
<td class="label" valign="top" align="right">Rubrik 03 </td>
</tr>
<tr>
<td class="inhaltnav" valign="top">
<table id="menu" width="192" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td>
<a href="index.html"><span>» </span>Home</a></td>
</tr>
<tr>
<td><a href="index.html"><span>» </span>Kontakt</a></td>
</tr>
<tr>
<td><a href="index.html"><span>» </span>Gästebuch</a></td>
</tr>
<tr>
<td><a href="index.html"><span>» </span>Angebote</a></td>
</tr>
<tr>
<td><a href="index.html"><span>» </span>Preisliste</a></td>
</tr>
<tr>
<td><a href="index.html" target="haupt"><span>» </span>Weitere Links</a></td>
</tr>
<tr>
<td><a href="index.html" target="haupt"><span>» </span>Weitere Links</a></td>
</tr>
<tr>
<td><a href="index.html" target="haupt"><span>» </span>Weitere Links</a></td>
</tr>
<tr>
<td><a href="index.html" target="haupt"><span>» </span>Weitere Links</a></td>
</tr>
<tr>
<td><a href="index.html" target="haupt"><span>» </span>Weitere Links</a>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
<!-- ende menü li 3--></td></tr></tbody></table></td>
<td class="space" valign="top" align="center"><img alt="" src="images/space.gif" width="6" border="0" height="1"></td>
<td class="backinhalt" valign="top" width="100%" align="center">
<!--inhalt-->
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td valign="top">
<table width="100%" border="0" cellpadding="0" cellspacing="0" height="679">
<tbody><tr>
<td class="label" valign="top" width="100%" height="20">Seitentitel</td>
</tr>
<tr>
<td class="inhalt" valign="top" width="100%" height="659">
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
<!--ende inhalt-->
<table width="100%" border="0" cellpadding="0" cellspacing="0" height="1">
<tbody><tr>
<td class="fuss" align="center" height="1"> <span style="font-family: verdana; font-size: 7pt;">NEU NEU NEU NEU NEU</span></td>
</tr>
</tbody></table>
</td></tr></tbody></table></td></tr></tbody></table></div>Und noch 2 Empfehlungen für den Weg:
1. Lern CSS und möglichst ohne Tabellen zu arbeiten - sowas ist sonst immer problematisch.
2. Besorg dir Firebug für Firefox, damit kriegt man solche Verschiebe operationen leichter hin (man bearbeitet das Element das man verschieben möchte, schneidet es aus, klatscht es bei dem anderen Element hin wo es hingehört usw. )
<td align="center" valign="top" class="space"><img height="1" border="0" width="6" alt="" src="images/space.gif"></td>
Das erste davon löschen, habs wohl beim kopieren miterwischt gehabt.
Aso höhe... Äh, spiel halt mit den Höhenwerten rum - das fisch ich dir jetzt nicht raus. Langsam reichts 
. Besorg dir das Plugin und schau selbst nach.
HILFE Forum, nicht "machs mir Forum".
Wenn du es online stellst, findet sich vllt jemand der kurz drüber schaut... Bei Archiven hat man meist kein nerv für.
Ne, will ja auch nicht "machs mir"-Einstellung erwecken. Ich habe die Höhenwerte bereits geändert, ohne Erfolg. Ich vermute, dass es an der zweiten Tabelle liegt. (die im Hintergrund ist)
Aber irgendwie habe ich mich hier komplett verwurschtelt.
Mache hier schon ein paar Tage rum und irgendwann sieht man den Wald vor lauter Bäumen nicht mehr. Deshalb ist es schön, wenn noch jemand 2. draufschauen könnte.
Den Rest kann ich dann wieder alleine machen...nur noch dieses...Bitte!! 
Ich bin am verzweifeln...
*sigh*
Bei dieser Tabelle beide Höhenangaben am besten gleich löschen... (bei <table> und <td>)
<table height="679" cellspacing="0" cellpadding="0" border="0" width="100%">
<tbody><tr>
<td height="20" width="100%" valign="top" class="label">Seitentitel</td>
</tr>
<tr>
<td height="659" width="100%" valign="top" class="inhalt">
</td>
</tr>
</tbody></table>Und hier bei beiden die Höhe anpassen.
.backinhalt {
height:700px;
padding:0;
}
.inhalt {
background-color:#F5F9FA;
border-color:#85A0CF #FFFFFF;
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
border-style:solid;
border-width:1px;height:700px;
padding:10px 15px 15px 20px;
}Du, das geht einfach nicht!! 
Ich kann die Größe der rechten Tabelle einfach nicht ändern.
Ich weiß nicht, was ich machen soll.
Grund glaube ich liegt hieran:
<td class="backinhalt" valign="top" width="656" align="center">Hier fügt er eine Tabelle ein, mit einer festgelegten "Länge" der Tabelle.
Aber diese Länge steht da ja gar nicht!! Und in der CSS-Datei auch nicht.
Und ich weiß nicht, wie ich die ändern soll...er macht es einfach nicht!
Der Austausch von dir und Änderung in der CSS-Datei hat leider nichts gebracht...
Kannst du das irgendwie nachvollziehen?
Doch es funktioniert, weil ich es selbst gemacht hab...
An dieser TD kanns auch nicht liegen - da es dort keine HÖHENangabe gibt. Du wolltest es doch unten Bündig haben oder?
/EDIT
Das hier ist dein Body...
/EDIT ENDE
<div align="center">
<table width="756" border="0" cellpadding="5" cellspacing="0" height="796">
<tbody><tr>
<td height="120">
<!--kopf-->
<table class="kopf" width="756" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td width="100%"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td class="kopfoben" width="100%" align="right"><table width="100%" align="right" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td align="right">
<table width="100%" align="right" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td width="756" align="right"><form name="anzeige"><input size="10" name="date" class="datum"></form></td><td> </td><td><form name="anzeige2"><input name="time" size="10" class="zeit" type="text"></form></td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table></td>
</tr>
<tr>
<td class="banner" width="100%" align="center">
<img src="test.jpg" alt="" style="border: 0px solid rgb(169, 169, 169);" width="440" border="0" height="95">
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
<!--kopf ende-->
</td>
</tr>
<tr>
<td height="656">
<table width="756" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<!--space-->
<td class="space" valign="top" align="center"><img src="images/space.gif" alt="" width="6" border="0" height="1"></td>
<!--space ende-->
<td class="backnav" valign="top" width="192">
<table width="192" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td>
<!-- menü li 1-->
<table width="192" border="0" cellpadding="2" cellspacing="0">
<tbody><tr>
<td class="label" valign="top" align="right">Rubrik 01 </td>
</tr>
<tr>
<td class="inhaltnav" valign="top">
<table id="menu" width="192" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td>
<a href="index.html"><span>» </span>Home</a></td>
</tr>
<tr>
<td><a href="impressum.html"><span>» </span>Impressum</a></td>
</tr>
<tr>
<td><a href="index.html"><span>» </span>Gästebuch</a></td>
</tr>
<tr>
<td><a href="index.html"><span>» </span>Angebote</a></td>
</tr>
<tr>
<td><a href="index.html"><span>» </span>Preisliste</a></td>
</tr>
<tr>
<td><a href="index.html" target="haupt"><span>» </span>Weitere Links</a></td>
</tr>
<tr>
<td><a href="index.html" target="haupt"><span>» </span>Weitere Links</a></td>
</tr>
<tr>
<td><a href="index.html" target="haupt"><span>» </span>Weitere Links</a></td>
</tr>
<tr>
<td><a href="index.html" target="haupt"><span>» </span>Weitere Links</a></td>
</tr>
<tr>
<td><a href="index.html" target="haupt"><span>» </span>Weitere Links</a>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
<!-- ende menü li 1-->
</td>
</tr>
<tr>
<td>
<!-- menü li 2-->
<table width="192" border="0" cellpadding="2" cellspacing="0">
<tbody><tr>
<td class="label" valign="top" align="right">Rubrik 02 </td>
</tr>
<tr>
<td class="inhaltnav" valign="top">
<table id="menu" width="192" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td>
<a href="index.html"><span>» </span>Home</a></td>
</tr>
<tr>
<td><a href="index.html"><span>» </span>Kontakt</a></td>
</tr>
<tr>
<td><a href="index.html"><span>» </span>Gästebuch</a></td>
</tr>
<tr>
<td><a href="index.html"><span>» </span>Angebote</a></td>
</tr>
<tr>
<td><a href="index.html"><span>» </span>Preisliste</a></td>
</tr>
<tr>
<td><a href="index.html" target="haupt"><span>» </span>Weitere Links</a></td>
</tr>
<tr>
<td><a href="index.html" target="haupt"><span>» </span>Weitere Links</a></td>
</tr>
<tr>
<td><a href="index.html" target="haupt"><span>» </span>Weitere Links</a></td>
</tr>
<tr>
<td><a href="index.html" target="haupt"><span>» </span>Weitere Links</a></td>
</tr>
<tr>
<td><a href="index.html" target="haupt"><span>» </span>Weitere Links</a>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
<!-- ende menü li 2-->
</td>
</tr><tr>
<td>
<table width="192" border="0" cellpadding="2" cellspacing="0">
<tbody><tr>
<td class="label" valign="top" align="right">Rubrik 03 </td>
</tr>
<tr>
<td class="inhaltnav" valign="top">
<table id="menu" width="192" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td>
<a href="index.html"><span>» </span>Home</a></td>
</tr>
<tr>
<td><a href="index.html"><span>» </span>Kontakt</a></td>
</tr>
<tr>
<td><a href="index.html"><span>» </span>Gästebuch</a></td>
</tr>
<tr>
<td><a href="index.html"><span>» </span>Angebote</a></td>
</tr>
<tr>
<td><a href="index.html"><span>» </span>Preisliste</a></td>
</tr>
<tr>
<td><a href="index.html" target="haupt"><span>» </span>Weitere Links</a></td>
</tr>
<tr>
<td><a href="index.html" target="haupt"><span>» </span>Weitere Links</a></td>
</tr>
<tr>
<td><a href="index.html" target="haupt"><span>» </span>Weitere Links</a></td>
</tr>
<tr>
<td><a href="index.html" target="haupt"><span>» </span>Weitere Links</a></td>
</tr>
<tr>
<td><a href="index.html" target="haupt"><span>» </span>Weitere Links</a>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
<!-- ende menü li 3--></td></tr></tbody></table></td>
<td class="space" valign="top" align="center"><img alt="" src="images/space.gif" width="6" border="0" height="1"></td>
<td class="backinhalt" valign="top" width="100%" align="center">
<!--inhalt-->
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td valign="top">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td class="label" valign="top" width="100%" height="20">Seitentitel</td>
</tr>
<tr>
<td class="inhalt" valign="top" width="100%">
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
<!--ende inhalt-->
<table width="100%" border="0" cellpadding="0" cellspacing="0" height="1">
<tbody><tr>
<td class="fuss" align="center" height="1"> <span style="font-family: verdana; font-size: 7pt;">NEU NEU NEU NEU NEU</span></td>
</tr>
</tbody></table>
</td></tr></tbody></table></td></tr></tbody></table></div>CSS Änderungen:
Wie oben...
MEHR gibts nicht -.-