Hallo Browwney,
im IE 8 sieht alles normal aus, ohne schwarze Striche und nichts verschoben. Mit welchem IE hast du geguckt?
Jeder hat mal klein angefangen, da muss man durch.
Und jetzt musst du ganz stark sein ... :-)
Dein Quellcode ist wirklich sehr chaotisch und noch chaotischer sind die styles.
Du müsstest, bevor du weiter machst, erstmal gründlich aufräumen.
Hier ein paar Beispiele:
a) Styles:
Bei dir sind die Formatierungen auf 3 Stellen verteilt. Stylesheet format.css, style-Bereich im head-Abschnitt UND style-Angaben mitten drin im Quelltext. Teilweise widersprechen sich die Anweisungen, viele sind doppelt oder mehrfach vorhanden, manche Abschnitte in der format.css gibt es auf deiner Seite gar nicht, z.B. die #name (id="name").
Ziel = Einfachheit! Wenn du überall die Schrift Comic Sans MS haben willst, dann im Stylesheet NUR bei body notieren. Alle untergeordneten Teile der Seite erben diese Anweisung.
Die übrigen Tags wie table, td, ul, h1, h2 usw. bekommen nur das, was für sie speziell gelten soll.
b) Layout:
Hat Dreamweaver CS5 keine 3-spaltige Vorlage mit <div>-Bereichen? Tabellen-Layout ist zwar nicht verboten, aber auch nicht zeitgenmäß. Wenn du aber trotzdem dabei bleiben willst, dann vermeide es, mehrere <table> ineinander zu verschachteln. Ist ja gar nicht nötig.
c) Code:
Code und Dateinamen schreibt man in Kleinbuchstaben, das hat sich bewährt. Der Rechner deines Providers unterscheidet zwischen Groß- und Kleinschreibung. Ein Bild namens "Logo.jpg" ist ein anderes Bild als "logo.jpg". (Dem Windows zuhause ist es egal.) Vermeide Leerzeichen in Dateinamen, ebenso äöüß und Sonderzeichen. Bindestrich und Unterstrich sind ok.
d) Tags und Attribute:
Warum verwendest du in der Navigation "target"? Das kommt aus der Steinzeit und würde so, wie es bei dir eingetragen ist, gar keine Funktion haben.
Deine a href="xxxx" führen ins Leere. Da muss der Dateiname einer Seite stehen: a href="xxxx.html".
Das Tag blockquote im Inhalt gehört da nicht hin. Es kennzeichnet ein Zitat. Die Einrückung erreichst du, wenn du dem p-Absatz z.B. ein "margin-left: 20px; margin-right: 20px;" zuordnest.
Seitentitel: Nicht dein Name, sondern ein Begriff, der zum Inhalt der Seite passt. Also auf der index.html "Beratung und Hilfe ..."
e) Navigation:
Die Navi ist inhaltlich etwas wirr.
versuche mal das, was du anbietest, in passendere Kategorien zu ordnen.
Und vergiss mal den Punkt "News". Das ist für jemanden, der wirklich
jede Woche eine wichtige, tolle Neuigkeit zu melden hat - bei deinem Angebot eher unwahrscheinlich.
f) Inhaltlich:
Überleg dir das mit dem Gästebuch nochmal - Zahnärzte und Heilpraktiker haben auch keins auf der Seite. Du willst geschäftlich auftreten, du beschreibst hier nicht dein Hobby! Sollen deine Kunden etwa ins Gästebuch schreiben, wie gut es dem Schnuffi oder der Minka bei dir gefallen hat oder sollen sie dir das nicht lieber selber sagen und pünktlich bezahlen?
Was du als Referenzen zu bieten hast (Zertifikate usw. ) gehören auf die Über-mich-Seite, nicht zum Gästebuch.
Du musst das Gästebuch regelmäßig kontrollieren und außerdem ist nichts doofer, als wenn der letzte Eintrag von vor 3 Jahren stammt. Ich würde es nicht einbauen.
Die Farben finde ich ehrlich gesagt für einen geschäftlichen Auftritt zu süßlich. Achte drauf, dass dein Auftritt nicht zu romantisch-verspielt wirkt, sondern seriös. Du willst ja schließlich Geld damit verdienen.
In die Fußzeile gehört deine Praxis-Anschrift und -Telefonnummer. UM HIMMELS WILLEN KEIN COPYRIGHT!!! Dein geistiges Eigentum ist durch unsere Gesetzgebung von ganz alleine geschützt. WIR LEBEN NICHT IN DEN USA!
Nix für ungut und frdl. Grüße
Ute
Anlage: Beispiel von Deiner Seite mit vereinfachtem Quellcode.
http://www.osterbrook.de/...ge/beispielseite.zip