nicht angemeldet
Der MartinHallo,
Ich habe das Problem, dass ...
... du CSS bunt mit alten, missbilligten HTML-Elementen und -attributen durcheinanderwürfelst.
Jetzt habe ich die Datei im Firefox geöffnet und die Formatierung des Textes ist anders und ich weiß nicht, woran das liegt.
Die Fehlerkorrektur der beiden Browser arbeitet wohl unterschiedlich.
<meta name="keywords" content="Ingeniuerbüro Tragwerk Bauphysik Hans-Adolf Kurth Diplom-Ingeniur Bauwesen">
<meta name="description" content="Ingeniuerbüro für Bauphysik und Tragwerksplanung Hans-Adolf Kurth Diplom-Ingeniur für Bauwesen">
Warum verstümmelst du die Umlaute zu HTML-Entities, obwohl du behauptest, mit UTF-8 eine Zeichencodierung zu verwenden, bei der das überhaupt nicht nötig wäre? Und wenn du schon XHTML verwendest, solltest du auch die XML-Notation für leere Elemente verwenden.
<body>
<div id="kopfzeile">
<div id="kopfbild"><img src="bilder/HAKmittel.jpg" align="left" height="245" width="265" alt="Firmensymbol HAK">
</div>
Mindestens das div#kopfbild ist schonmal überflüssig, da es nur ein einziges Kindelement enthält, also nichts gruppiert. Das img-Element ist nicht geschlossen, was aber in XHTML notwendig ist.
<div id="headline">
<h1 class="header" id="kopf_erste_zeile"><a><font size="5em">Ingenieurbüro für Tragwerksplanung u. Bauphysik</font></a></h1><h1 class="header"><font size="6em"><font size="5em">Dipl.-Ing.</font> Hans-Adolf KURTH</font></h1>
<h1 class="header"><font size="4em">Diplom-Ingenieur für Bauwesen</font></h1>
<h1 class="header" id="kopf_letzte_zeile"><font size="5em">Am Schützenplatz 2 • 37434 GIEBOLDEHAUSEN</font></h1>
</div>
Und hier kriege ich einen Anfall. Mehrere h1-Elemente sind semantischer Unsinn, die kaputten Umlaute hatte ich schon erwähnt. Da alle Kindelemente von div#headline dieselbe Klasse haben, ist diese Klasse ebenfalls überflüssig. Das font-Element ist ein Relikt aus dem letzten Jahrtausend, und wenn man es schon verwendet, ist "4em" oder "6em" kein gültiger Wert für dessen size-Attribut.
<div id="container">
<div id="sidebar1">
<ul class="nav">
<li><a href="../hansadolf_kurth_versuch1.html">Startseite</a></li><li><a href="preise.html">Unsere Preise</a></li>
<li><a href="bilder.html">Bilder von Projekten</a></li>
<li><a href="gaestebuch.html">Gästebuch u. Forum</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
<li><a class="unterpunkt" href="#anfahrtsskizze"> Anfahrtsskizzen</a></li>
</ul><!-- <li><script src=".php"></script> </li> nicht eingebunden -->
</div>
Again: Ein div-Element, das nur ein einziges Kindelement hat, ist sinnlos.
<div id="content">
<h1>Kontakt</h1>
...
<p></p><p class="adressblock">37434 Gieboldehausen</p>
<p></p>
Was sollen die leeren p-Elemente? Abstand? Dafür gibt's CSS.
<p></p><a href="mailto:mail@h-a-k.de">E-Mail an mich (ein E-Mail-Programm muss sich hierfür auf Ihrem Rechner befinden)</a>
Und das ist wohl ein Unfall, oder? Das a-Element sollte doch wohl *innerhalb* des Absatzes stehen.
<p></p><a name="anfahrtsskizzen" id="anfahrtsskizzen"></a>
Dito. Und wozu ein a-Element ohne href-Attribut?
<img src="bilder/anfahrt_weit.jpg" height="590" width="790" alt="Süd-West-Niedersachsen">
Again: img-Element nicht geschlossen.
<p></p><img src="bilder/anfahrt_mittel.jpg" height="590" width="790" alt="Karte von Südniedersachsen">
Again: Logischer Fehler, img-Element außerhalb des Absatzes. Und nicht geschlossen.
Korrigiere also am besten erst die HTML-Fehler. Dann sorge dafür, dass Formatierung und Gestaltung konsequent mit CSS geschieht. Und dann schauen wir uns das Ergebnis nochmal an.
So long,
Martin
Elefant zum Kamel: "Sag mal, wieso hast du denn den Busen auf dem Rücken?"
Kamel: "Ziemlich freche Frage für einen, der den Penis im Gesicht hat."
Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(