Ersetze mal deinen bisherigen Doctype in der allerersten Quelltextzeile mit diesem, damit der IE das CSS-Boxmodell richtig darstellen kann:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">Abstände solltest du nicht mit <br> erzeugen, sondern durch margin oder padding-Angaben.
PS: Grüße aus der Stadtteilnachbarschaft 
Hast du denn bereits überhaupt einen Provider?
Voraussetzung für einen FTP-Zugang ist natürlich, dass du eine Domain und Webspace hast. Das bekommst du werbefrei bereits ab circa 1 EUR/Monat.
Schicke mir ggf. mal eine PN.
Ich verstehe zwar nach wie vor nicht, weshalb bei dieser Konstruktion Frames erforderlich sind.
Ergänze mal den Link zur Restaurant-Seite mit "target="_blank" , also etwa so:
<a href="restaurant.html" target="_blank">zum Restaurant</a>
Ansonsten poste mal einen Link zu deiner Seite.
Mal davon abgesehen, dass Frames eine völlig veraltete Technik sind und heute nicht mehr verwendet werden:
Deine Problemschilderung ist recht wirr und unverständlich.
Die (veraltete) Frametechnik findest du hier recht gut erklärt.
Ein Link zur Problemseite wäre hilfreich.
Unterschiedliche Darstellungen im IE resultieren meist daher, dass kein bzw. kein standardkonformer Doctype verwendet wird.
Ansonsten mal auf HTML- und CSS-Validierungsfehler prüfen.
Es ist nur ein ID erforderlich:
<div id="navi">
<img src="tag_left.png" alt="" border="0" width="15" height="25">
<a href="#" class="tag">hihihi</a>
<img src="tag_right.png" alt="" border="0" width="6" height="25">
... zweiter Link
...dritter Link
</div>#navi a.tag {
height:25px;
line-height:25px;
color:#996633;
text-shadow:0px 1px #rgba(0,0,0,0.7);
text-decoration:none;
background: url(tag_middle.png);
float: left; }
#navi img {float: left;} synaptic:
Mal ehrlich: Meinst du mit deiner Antwort kann irgendwer was konkretes anfangen?
Wir sind hier doch im Hilfe-Forum!
@ Gast:
Ich würde es so lösen, wobei ich mir nicht ganz sicher bin, ob das funktioniert. Dazu bräuchte ich ggf. nochmal die drei Grafikbestandteile in der Originalversion.
Alle drei Grafikteile müssen die gleiche Höhe wie a haben, hier also 25px.
Versuch mal folgendes:
CSS:
a.tag {
height:25px;
line-height:25px;
color:#996633;
text-shadow:0px 1px #rgba(0,0,0,0.7);
text-decoration:none;
background: url(tag_middle.png);
float: left; }
img {float: left;}HTML:
<img src="tag_left.png" alt="" border="0" width="15" height="25">
<a href="#" class="tag">hihihi</a>
<img src="tag_right.png" alt="" border="0" width="6" height="25">Zwecks eindeutiger Identitifizierung arbeite noch mit einem ID oder einer Klasse, damit sich für img nicht alles auf andere Grafiken auswirkt.
Nach jeder Linkeinheit dann noch clearen.
Aus deinem CSS-Code werde ich nicht schlau, zumal auch der Zusammenhang zum HTML-Code fehlt.
Link zur Problemseite wäre hilfreicher.
Hilft dir das weiter, insbes. Ziffer 4? http://www.ohne-css.gehts-gar.net/0075.php
Bevor du jetzt weiter machst, solltest du zunächst akzeptieren, dass der HTML-Quelltext nach bestimmten Regeln aufgebaut sein muss.
Wenn das nicht der Fall ist, dann wird er eben meist auch nicht korrekt umgesetzt und dargestellt.
Ist wie beim Autofahren: Wenn du die Verkehrsregeln nicht beachtest, dann kracht es eben.
Mein Tipp:
Lerne zunächst HTML und CSS. Wenn du deren Funktionsweise verstanden hast, dann vermeidest du beim Coden Fehler bzw. es fällt dir leichter, diese zu finden.
Du hast zweimal einen Doctype, aber nicht einen standardkonformen, zweimal html, zweimal head und zweimal body.
Alles darf nur einmal vorkommen.
So kann das nicht funktionieren.
Prinzipiell ja.
Voraussetzunjg ist ein standardkonformer Doctype.
Einheitliche margins kann man damit erreichen.
Wenn es dann noch unterschiedliche Darstellungen gibt, dann liegt das möglicherweise an einem IE-Bug, der sich meist mit Spezialangaben ebenfalls beheben lässt.
Ein Link zur Problemseite wäre besser, damit man auch die Grafiken erkennt.
Anhand deines Codes kann ich keine Layoutstruktur erkennen.
Zentriere nicht mit absoluten Positionsangaben, sondern so: http://www.ohne-css.gehts-gar.net/0001.php
Tabellen solltest du nicht für Layoutzwecke verwenden. Diese Zeiten sind eindeutig und schon lange vorbei, seit es CSS gibt.
Fallen mir spontan mehrere Möglichkeiten ein:
Auf der entsprechenden Seite den diesbezüglichen Quelltext löschen (einfach und naheliegend).
oder
auf dieser Seite h1 eine Klasse mit "display: none;" zuweisen (wozu aber, wenn du h1 ohnehin nicht brauchst).
Oder hab ich dein Problem falsch verstanden? Ggf. mal Link posten.
Die #sidebar bezieht die hover-color von
#main a:hover {color:#000000;}Für #menu ist bisher keine hover-color definiert.
Damit klappt es bei mir:
#menu a:hover {background-color:#FEFAF3; color: #000000; }Und? Funktioniert das jetzt mit unterschiedlichen Farbcodes?
Falls ja, dann muss es doch daran gelegen haben.
Falls nein: Poste bitte mal einen Link zur Problemseite, damit man alles im Zusammenhang sieht.
#menu a:hover {background-color:#FEFAF3; color:#FEFAF3; }
Hier sind Hintergrund- und Schriftfarbe identisch. Folglich kannst du die Schrift nicht erkennen.
Verwende also entweder zwei unterschiedliche Farbcodes oder lass wie bei #sidebar die color weg.
Stell die Seite bitte online und poste einen Link.
Wenn es eine Tabelle im Sinne von einer Tabelle ist, dann solltest du auch eine Tabelle und keine Divs verwenden.
Das liegt an der Verschachtelung. Bezugspunkt für den Footer ist der #content und nicht der container.
Wenn du das #menu innerhalb #container setzt, kannst du auch float verwenden.