XHTML mit IE geht total schief

climbing93

Neuling
Thread Starter
Mitglied seit
01.07.2009
Beiträge
624
Ort
Between Keyboard an Chair
Hallo

Ich bin gerade dabei, Html auf Xhtml zu trimmen. Schaffe in einem Firmennetzwerk und der Ie muss benutzt werden.

Zum ersten Mal auf die :fresse: geflogen ist er, als er die DTDs laden sollte. Runtergeladen und lokal gesaved. Und nun fliegt das Ding schon wieder auf die :fresse:.

Mach ich den Mit W3C validierten XHTML strict Code mit dem IE Explorer auf und er zeigt mir den Code an und nicht die Internetseite wie der Firefox es in der Schule macht.

Hier sein Code:

<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"></meta>
<title>Tabs</title>
<script src="Hallo.js" type="text/javascript" />
</head>
<body>
<div class="rai">
<form id="form6" action="#" method="post">
<fieldset class="tab" style="dysplay:block">
<div class="navcontainer">
<ul class="navlist">
<li id="Tab1Tab" class="current"><a href="#"><span name="Tab1" onclick="javascript:ClickedTab(this.name);">Tab 01</span></a></li>
<li id="Tab2Tab"><a href="#"><span name="Tab2" onclick="javascript:ClickedTab(this.name);">Tab 02</span></a></li>
<li id="Tab3Tab"><a href="#"><span name="Tab3" onclick="javascript:ClickedTab(this.name);">Tab 03</span></a></li>
</ul>
<div id="Tab1Bereich">
<p>
Hallo
</p>
</div>
<div id="Tab2Bereich" style="display:none">
<table class="tabcontrol" width="100%">
<tr>
<td colspan="2"> </td>
</tr>
<tr>
<td width="70"><label for="tab">Label</label></td>
<td><input id="tab" class="entry medium" type="text" name="tab" /><img src="theme/image/icon_go.gif" alt="" height="14" width="12" align="absmiddle" /></td>
</tr>
<tr>
<td colspan="2"> </td>
</tr>
</table>
</div>
<div id="Tab3Bereich">
</div>
</div>
<br class="clear" />
</fieldset>
<hr />
<div class="buttonbar">
<input class="btn" type="submit" name="insert1" value="Neu erfassen" /><input class="btn" type="submit" name="delete1" value="Löschen" /><span><input class="btn" type="reset" name="delete2" value="Abbrechen" /><input class="btn btnDefault" type="submit" name="insert" value="Speichern" /></span>
</div>
</form>
</div>
</body>
</html>

Bitte um Hilfe, dahinter hats noch ne CSS, die aber nicht gezeigt werden darf und eine js:

function ClickedTab(inTabName) {
var elementIdTab;
var elementIdBereich;
var tabId;
switch (inTabName){
case "Tab1":
tabId = 1;
break;
case "Tab2":
tabId = 2;
break;
case "Tab3":
tabId = 3;
break;
}
var i = 1;
do{
if(i == tabId){
elementIdTab = "Tab" + tabId + "Tab";
elementIdBereich = "Tab" + tabId + "Bereich";
document.getElementById(elementIdTab).className = "current";
document.getElementById(elementIdBereich).style.display = "block";
} else {
elementIdTab = "Tab" + i + "Tab";
elementIdBereich = "Tab" + i + "Bereich";
document.getElementById(elementIdTab).className = "";
document.getElementById(elementIdBereich).style.display = "none";
}
i++;
} while (i <= 2);
}

mfg Climbing
 
Wenn Du diese Anzeige nicht sehen willst, registriere Dich und/oder logge Dich ein.
Das ist kein valides XHTML 1.0 Strict:

Unter anderem spuckt der Validator folgendes aus:
Mismatch between Public and System identifiers in the DOCTYPE declaration

This document uses an inconsistent DOCTYPE declaration. The Public Identifier -//W3C//DTD XHTML 1.0 Strict//EN declares the XHTML 1.0 Strict document type, but the associated System Identifier xhtml1-strict.dtd does not match this document type.

The recommended System Identifier for XHTML 1.0 Strict is http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd.

The safest way to use a correct DOCTYPE declaration is to copy and paste one from the recommended list and avoid editing that part of your markup by hand.

Scheinbar benutzt ihr aber auch eine veraltete IE-Version. Im IE8 sehe ich (ohne das Skript) eine leere weiße Seite.

Das CSS stimmt wohl auch nicht:
<fieldset class="tab" style="dysplay:block">
 
Also wir benutzen IE 7 und wegem CSS, das hab ich schon weggemacht. Den Header hab ich Mal von der Luxxseite genommen, spuckte mir aber auch nur den Code raus.

Ist jetzt auch nicht mehr so schlimm, aber wenn du ne stunde rumbastelst und dann irgendwo liest, dass das nicht funktionieren kann mit der IEVersion und der XHTML Version und das auch noch im Betrieb bestätigt bekommst, fragst du dich, was Microsoft sich manchmal überlegt bei seinen Produkten.

Climbing
 
Hardwareluxx setzt keine externen Werbe- und Tracking-Cookies ein. Auf unserer Webseite finden Sie nur noch Cookies nach berechtigtem Interesse (Art. 6 Abs. 1 Satz 1 lit. f DSGVO) oder eigene funktionelle Cookies. Durch die Nutzung unserer Webseite erklären Sie sich damit einverstanden, dass wir diese Cookies setzen. Mehr Informationen und Möglichkeiten zur Einstellung unserer Cookies finden Sie in unserer Datenschutzerklärung.


Zurück
Oben Unten refresh