Validator findet die DOCTYPE-Angabe nur MANCHMAL
Marc
- html
Hallo zusammen,
habe hier ein sehr seltsames Phänomen und hoffe sehr, dass das jemandem bekannt vorkommt: Wenn ich eine Seite validiere, gibt der Validator, ohne dass ich irgendetwa geändert habe, mal die Meldung: "This Page Is Valid XHTML 1.0 Strict!" und dann die Meldung "This page is not Valid (no Doctype found)!"
Das ist reproduzierbar. Der IE benutzt offensichtlich den Quirks-Modus, obwohl ich eine DTD angegeben habe. Außerdem "verrutscht im Quellcode die rechte (grüne) Box, die eigentlich über dem grauen Streifen liegen sollte, nach innen und die rot hinterlegten Überschriften (h2) erstrecken sich über die gesamte Seitenbreite. Das zerhaut mir natürlich das gesamte Layout.
Wie das Layout aussehen sollte und sich verhalten sollte seht ihr auf http://netzwerk-laendliche-raeume.de. Das Problem tritt bei einer Weiterentwicklung dieser Seite auf. Die verlinkten Seiten stammen auch aus meiner Feder, ich fummel also nicht in Code herum, den ich nicht verstehe. Umso ratloser bin ich, dass nun in den HTML-Dokumenten, die ich nur innerhalb des bodys ändere (neue zusätzliche Seitentypen) dieses Problem mit dem DOCTYPE habe.
Bei Bedarf kann ich auch den Quellcode einer Beispiel-Seite hochladen.
Viele Grüße,
Marc.
Das ist reproduzierbar. Der IE benutzt offensichtlich den Quirks-Modus, obwohl ich eine DTD angegeben habe.
Ursache: Entweder xml Deklaration oder eine BOM.
Wie das Layout aussehen sollte und sich verhalten sollte seht ihr auf http://netzwerk-laendliche-raeume.de.
Da steht nur: "Bitte versuchen Sie es später noch einmal."
Struppi.
Hallo,
Das ist reproduzierbar. Der IE benutzt offensichtlich den Quirks-Modus, obwohl ich eine DTD angegeben habe.
Ursache: Entweder xml Deklaration oder eine BOM.
Das habe ich nicht so recht verstanden. Ich müsste demnach also eine bestimmte Zeichenfolge (für UTF-8 beispielsweise "EF BB BF") am Anfang meiner Datei haben, um dieses Verhalten zu erzeugen?
Mein Dokument beginnt aber definitiv wie folgt:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>dvs - Netzwerk ländliche Räume</title>
<meta name="Generator" content="jEdit" />
<meta name="Author" content="Marc Haunschild, Bundesanstalt für Landwirtschaft und Ernährung (BLE)" />
<meta name="Keywords" content="" />
<meta name="Description" content="" />
<link rel="stylesheet" type="text/css" media="screen, projection" href="css/elerDef.css" />
<!--[if IE]>
<link rel="stylesheet" type="text/css" media="screen, projection" href="css/elerDefIE.css" />
<![endif]-->
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" media="screen, projection" href="css/elerDefIE6.css" />
<![endif]-->
</head>
<body>
Wie das Layout aussehen sollte und sich verhalten sollte seht ihr auf http://netzwerk-laendliche-raeume.de.
Da steht nur: "Bitte versuchen Sie es später noch einmal."
Danke für den Hinweis. Offenbar muss man www angeben...
Darum werde ich mich gleich mal kümmern.
Hier erst mal ein Link, der funktioniert:
http://www.netzwerk-laendlicher-raum.de/hintergrund.htm
Viele Grüße,
Marc.
Hier erst mal ein Link, der funktioniert:
Wie kommst du jetzt darauf, dass diese Seite im IE im Quirksmodus dargestellt wird?
Struppi.
Hallo,
Hier erst mal ein Link, der funktioniert:
^^^^^^^^^^^^^^^^^^^^^^^^^^^^
http://www.netzwerk-laendlicher-raum.de/hintergrund.htmWie kommst du jetzt darauf, dass diese Seite im IE im Quirksmodus dargestellt wird?
Wird sie nicht! (s. o.) Diese Seite funktioniert. Die Weiterentwicklung funktioniert nciht. Ich begreife nicht, wo der entscheidende Unterschied ist. Hier mal der Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>dvs - Netzwerk ländliche Räume</title>
<meta name="Generator" content="jEdit" />
<meta name="Author" content="Marc Haunschild, Bundesanstalt für Landwirtschaft und Ernährung (BLE)" />
<meta name="Keywords" content="" />
<meta name="Description" content="" />
<link rel="stylesheet" type="text/css" media="screen, projection" href="css/elerDef.css" />
<!--[if IE]>
<link rel="stylesheet" type="text/css" media="screen, projection" href="css/elerDefIE.css" />
<![endif]-->
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" media="screen, projection" href="css/elerDefIE6.css" />
<![endif]-->
</head>
<body>
<p class="sr-hint"><a href="#content" class="pageNav">Zum Inhalt</a></p>
<div id="wrapper">
<div id="header">
<h1><img alt="eler - Netzwerk ländlicher Raum" src="images/layout/headLogo.gif" /></h1>
</div>
<div id="container">
<div id="inner">
<ul id="breadcrumb">
<li><a href="#">Starsteite</a></li>
<li><a href="#">Link1</a></li>
<li><a href="#">Link2</a></li>
<li><a href="#">Link3</a></li>
<li><a href="#">Starsteite</a></li>
<li><a href="#">Link2</a></li>
<li><a href="#">Link3</a></li>
<li><a href="#">Starsteite</a></li>
<li><a href="#">Link1</a></li>
<li><a href="#">Link2</a></li>
<li><a href="#">Link3</a></li>
<li class="cur">Aktuelle Seite</li>
</ul>
<div id="marginal">
<h1 class="sr-hint">Marginal-Spalte (weiterführende Informationen <a href="#content">zum Thema</a>)</h1>
<form action="#">
<div id="search">
<label for="searchField" class="sr-hint">Geben Sie hier das Wort ein, das Sie finden möchten.</label>
<input type="text" id="searchField" value="Suchbegriff"
onblur="if(this.value=='') this.value='Suchbegriff';"
onfocus="if (this.value == 'Suchbegriff') this.value = '';"/>
<button class="button" >Suche</button>
</div>
</form>
<div class="contribution">
<h2><img src="images/layout/marg_bullet_ueber.gif" alt="" />Box wichtige Links</h2>
<ul>
<li><a href="#" class="external-link">externer Link Nummer eins mit zwei Zeilen</a></li>
<li><a href="#" class="internal-link">interner Link</a></li>
<li><a href="#" class="download">Download-Link Nummer 3 mit zwei Zeilen</a></li>
</ul>
</div>
<div class="contribution">
<h2><img src="images/layout/marg_bullet_ueber.gif" alt="" />Box für freie Bild-Text-Kombinationen</h2>
<p>
Hier steht ein Infotext, der das folgende Bild beschreiben kann.
</p>
<p>
Hier steht ein Infotext, der das folgende Bild beschreiben kann.
<img src="images/marg_testbild.jpg" alt="" />
</p>
<ul>
<li>Listenpunkt Nummer eins</li>
<li>Listenpunkt Nummer zwei - dieser Listenpunkt ist etwas länger und erstreckt sich über mehrere Zeilen</li>
<li>Listenpunkt Nummer drei</li>
<li>Listenpunkt Nummer vier</li>
</ul>
<p>
Hier steht ein Infotext, der das folgende Bild beschreiben kann.
</p>
</div>
</div>
<div id="content">
<h1 class="sr-hint">Inhalt</h1>
<h2><span>Artikelliste (Sitemap) mit und ohne Bild oder nur Überschriften</span></h2>
<div class="download-list-container">
<div class="download-list-item">
<h2 class="normal">Alles Öko?</h2>
<p>Spezielle Verbraucherinformationen der Verbraucherzentralen rund um das Thema "Öko-Lebensmittel".</p>
<p><a href="#" title="Externer Link">http://www.allesoeko.net/</a></p>
</div>
<div class="download-list-item">
<h2 class="normal">Ökologischer Landbau in Europa</h2>
<p>Informationen über Öko-Landbau auf der Homepage der <acronym title="Europäische Union"><acronym title="Europäische Union">EU</acronym></acronym>-Kommission, Generaldirektion Landwirtschaft</p>
<p><a href="#" title="Externer Link">http://www.allesoeko.net/</a></p>
</div>
<div class="download-list-item">
<h2 class="normal">Bio-Siegel</h2>
<p>Informationen zur Nutzung des staatlichen Bio-Siegels, aktuelle Nutzerzahlen, Portraits von Bio-Siegel-Nutzern</p>
<p><a href="#" title="Externer Link">http://www.allesoeko.net/</a></p>
</div>
<div class="download-list-item">
<h2 class="normal">bioC.info</h2>
<p>Verzeichnis der kontrollierten Unternehmen des ökologischen Landbaus sowie Übersicht der Kontrollstellen</p>
<p><a href="#" title="Externer Link: - Link öffnet ein neues Fenster">http://www.allesoeko.net/</a></p>
</div>
</div>
</div>
<!-- Nobody never ever must not touch the following line! -->
<div class="clear"></div>
</div>
</div>
<div id="footer">
<p id="copyright">© eler 2007</p>
<p><a href="#">Druckversion</a></p>
</div>
<h1 class="sr-hint">Navigations-Bereich</h1>
<h2 class="sr-hint">Hauptnavigation</h2>
<ul id="navLevel1">
<li class="cur"><span>Hintergrund</span></li>
<li><a href="#"><span>Regionen</span></a></li>
<li><a href="#"><span>Beispiele</span></a></li>
<li><a href="#"><span>Partner</span></a></li>
<li><a href="#"><span>Service</span></a></li>
</ul>
</div>
<div id="navLevel2">
<ul>
<li><a href="#">Menüpunkt Nummer 2.1</a></li>
<li class="cur">
<a href="#">Menüpunkt Nummer 2.2</a>
<ul>
<li><a href="#">Menüpunkt Nummer 3.1</a></li>
<li>
<a href="#">Menüpunkt Nummer 3.2</a>
<ul>
<li><a href="#">Menüpunkt Nummer 4.1</a></li>
<li><a href="#">Menüpunkt Nummer 4.2</a></li>
<li><a href="#">Menüpunkt Nummer 4.3</a></li>
</ul>
</li>
<li><a href="#">Menüpunkt Nummer 3.3</a></li>
<li><a href="#">Menüpunkt Nummer 3.4</a></li>
</ul>
</li>
<li><a href="#">Menüpunkt Nummer 2.3</a></li>
</ul>
</div>
<h2 class="sr-hint">Service-Navigation</h2>
<ul id="serviceNav">
<li><a href="#">Inhaltsverzeichnis</a> |</li>
<li><a href="#"> Kontakt</a> |</li>
<li><a href="#"> Hilfe</a> |</li>
<li><a href="#"> Impressum</a> |</li>
<li><a href="#"> English</a></li>
</ul>
</body>
</html>
Viele Grüße,
Marc.
Wie kommst du jetzt darauf, dass diese Seite im IE im Quirksmodus dargestellt wird?
Wird sie nicht! (s. o.) Diese Seite funktioniert. Die Weiterentwicklung funktioniert nciht. Ich begreife nicht, wo der entscheidende Unterschied ist. Hier mal der Code:
Und wie kommst du hier auf den Quirksmodus?
Ich hab hier nur den IE 6 und der ist im Standardmode.
Struppi.
Yerf!
Das habe ich nicht so recht verstanden. Ich müsste demnach also eine bestimmte Zeichenfolge (für UTF-8 beispielsweise "EF BB BF") am Anfang meiner Datei haben, um dieses Verhalten zu erzeugen?
Mein Dokument beginnt aber definitiv wie folgt:
*definitiv*? Mit einem Hex-Editor überprüft? Ein Texteditor der eine BOM erzeugt zeigt diese in der Edit-Ansicht nicht mit an...
Gruß,
Harlequin