Cheatah: Dokumenttyp / 3px ungewollter Freiraum im IE

Beitrag lesen

Hi,

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

bleib bei XHTML. Die Änderungen am Dokument sind gering.

<html>

xmlns-Attribut hinzufügen,

<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">

Elemente schließen.

<style type="text/css">

Auslagern ;-)

text-align: center;  /* Zentrierung im Internet Explorer */

Nur im Quirks-Mode, den bei Deinem DOCTYPE nur IE 5.x verwendet.

margin: 1.5em 0 .3em;

Ich empfehle stark, auf diese Kurzschreibweise von Beträgen zwischen 0 und 1 konsequent zu verzichten.

<img src="bilder/banner.PNG" border="0" height="60px" width="802px" alt="Banner">

Der Validator prüft nur gegen die DTD, in der folgendes nicht untergebracht sein kann: Die Attribute width und height enthalten entweder einen Prozentwert, oder die nummerische Angabe der Pixelgröße. Ich glaube kaum, dass diese Grafik 802px Pixel breit ist. Das border-Attribut hat zudem in HTML nichts verloren; es betrifft die Darstellung und wird folglich per CSS vermittelt.

<li><a href="angebot.htm" target="_parent" title="Unser Angebot">Angebot</a></li>

Du solltest auf das target-Attribut verzichten - und insbesondere auf jeden Grund, der zu einem target="_parent" führen könnte.

<img src="bilder/logo.PNG" alt="Logo" title="Logo">

Sowohl der Alternativtext als auch die Betitelung erscheinen mir reichlich suboptimal.

<p id="fuss">Anschrift01, Stra&szlig;e Hausnummer, PLZ Ort</p>

Der Footer ist ein wesentlicher Seitenbereich, ein <div> ist also gerechtfertigt. Ein Textabsatz ist er hingegen nicht, was gegen ein <p> spricht.

Also, zu Anfang: Ich bin kein Profi in Sachen HTML.

Es ist für uns eher uninteressant, ob Du die Techniken beruflich einsetzt oder nicht. Viel wichtiger ist, über welchen Kenntnisstand Du verfügst.

Meine erste Frage ist wieso mir der W3C Markup Validator sagt "This page is not Valid XHTML 1.0 Transitional!" Oder habe ich den falschen Dokumenttyp gewählt?

"Falsch" im Sinne von "besser wäre etwas anderes": Verwende XHTML/1.0 Strict.

Meine zweite Frage: Wieso zeigt der Internet Explorer unter den beiden Bildern (banner.PNG und logo.PNG) jeweils einen 3px hohen Freiraum? Im Mozilla Firefox wird dieser Freiraum (so wie es auch eigentlich sein soll) nicht angezeigt.

Entweder einer der Three-Pixel-Bugs, oder aber Ober- oder Unterlängen für den Text, der in dem Bereich erwartet werden kann.

Bitte kommentiert auch andere Mängel, die euch im Dokument auffallen!

Hey! Ich lasse mir nichts erlauben, was mir keiner verbieten kann! ;-)

Cheatah

--
X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes