!Doctype-Krätze

N

nukem

New member
Hi, ich bin hier neu registriert, aber schon lange am Lesen, wenn ich Lösungen suchte.
Jetzt hat es mich auch erwischt: Problem und keine Idee und auch nix gefunden - oje...

Ich habe mal ne Frage zum !Doctype in Verbindung mit CSS-JS... Hab auch schon viele verschiedene Versionen geprüft, nachdem ich überhaupt dahinter gekommen bin, dass es da einen Zusammenhang gibt
Ich habe auf meiner HP ein CSS-Menü, bei dem mittels "hover" sich weitere Menüpunkte nach unten öffnen.
UND es gibt ein Kapitel mit JS (Tooltips und Score-Berechnung).
Soweit so gut.
Bei <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
klappt im MSIE (Maxthon) das Menü das Untermenü NICHT auf. Farben gehen, Tooltips laufen (auch beim Scrollen) in den richtigen Koordinaten.
Beim Firefox läuft ALLES korrekt. Selbst Opera spielt da mit *ohwunder*

Bei <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">kommt beim MSIE (dto.) das Menü samt Untermenü richtig rüber, aber beim Runterscrollen der Seite verrutschen die Tooltips, obwohl da schon die bekannte Gegensteuergeschichte eingebaut ist ( document.body.scrollLeft und document.body.scrollTop ).
Firefox? Alles schön. Selbst das dumme Opera spuckt das Gewünschte aus.

Wer kann mir das erklären, also richtig für doofe und hat noch eine andere Idee, dass alle gleich laufen?
Dank und verzweifelte Grüße
nukem
 
Jeder DOCTYPE beschreibt einen anderen Standard, so wird der XHTML 1.0 Standard anders dargestellt als der HTML 4.01 Standard!
Außerdem ist der DOCTYPE <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> unnützer Schrott, weil er ungültig ist und so wieder in den Quirksmodus geschaltet wird.
Und dass man beim IE ohnehin fast immer umsch***** muss sollte allgemein bekannt sein :rolleyes:
Du kannst mittels spezieller Kommentare Code nur vom IE interpretieren lassen, in deinem Fall musst du wahrscheinlich zu einem CSS-Hack greifen.

<!--[if IE]> CODE <![endif]-->
Zum Vergrößern anklicken....
 
Der DOCTYPE ist in erster Linie relevant ob er den Browser in den Quirksmode oder Standardmode schickt. Der erste ist, wie heart_diesease schrieb, Schrott und läßt unerwartete Dinge passieren, deine Seite ist im Quirksmode. Der DOCTYPE ist die Definition mit der du deine Seite dargestellt haben möchtest, daher sollte sie immer halbwegs valide sein, ist sie aber nicht Result for http://hohnemann.de/ - W3C Markup Validator
Das gleiche gilt für CSS, tirfft aber auch nicht zu W3C CSS Validator results for http://hohnemann.de/
 
hallo,
mal abgesehen von doctype ...
ich habe in der letzten zeit viel mit ccs-navigations-menues und javascript-menues rumgewerkelt und musste feststellen, dass die dinger nicht über ein frameset hinweg funxten.
bei mir funxte es im msie aber ffox und netscape erlaubten 7-12 klicks. danach blieb es grau. und opera machte auch irgendeinen hickhack.
dann hab ich es in einen iframe gepackt und eingebunden und nachdem ich noch im browsercheck eine erweiterung für den safari-browser eingefügt hatte, funxte das teil überall.
zu sehen unter     The Globe Art Gallery          - das kleine ding rechts oben.
also, wenn du ein frameset nutzt, probier es mal aus.
ciao ... harald
 
Moin!
harrybert schrieb:
mal abgesehen von doctype ...
Zum Vergrößern anklicken....
... mag Dein Menü ja halbwegs funzen. Das ändert sich aber schlagartig, wenn Du den Browser (übrigens: mittels doctype) in den Standardmodus versetzt...
 
@pit-r

hallo,
da hast du völlig recht, aber da lass ich lieber die finger von. sonst kann ich an meinen seiten nochmals wochenlang schrauben.
ciao ... harald
 
Hallo!

Auch ich habe ein Problem mit dem !Doctype:

Ich habe einfach mal ausprobiert, welcher Doctype meinem Quelltext die wenigsten Fehler unterstellt. Dabei bin ich schließlich bei
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
hängen geblieben. Der würd dann auch relativ okay akzeptiert (wenn ich noch ein paar "formelle" Fehler aus dem Quelltext holen würde).

Jedoch sieht die Seite danach völlig verkackt aus.

Ich habe meinen Text der Website eigentlich immer in <p> oder <td> von <table>. Allen diesen Elementen wurde class="main" zugewiesen.

In meinem Stylesheet habe ich dann stehen
Code: 
.main{
font-family:tahoma;
font-size:12;
color:#FFFFFF;
line-height:2;
}

Und da ist das Problem: Meine font-size wird überhaupt nicht ernst genommen.

Was kann ich da machen? Vielen Dank für alle Ratschläge!

Sebi.
 
Hmmm...

Also wenn ich die font-size editiere, funktioniert das einwandfrei!
Vielleicht solltest du eine Einheit hinzufügen 12px, 12em, 12pt...???
 
Gern geschehen!

Allerdings muss Ich Schlauer recht geben - du solltest dir die von Ihm geposteten Seiten mal ansehen.
Bei deiner Seite gilt eigentlich zu sagen: Design hui, Code pfui!

nix für ungut ;) , Bubu
 
Hehe, ja, aus dem Grund beschäftige ich mich mit dem Validator. Wenn er sagt, dass der Code korrekt sei, dann dürfte man doch keine Einwände mehr dagegen haben. Auch wenn er nicht mehr übersichtlich ist: Er ist ja PHP-generiert. Ich könnte euch ja vorlügen, dass der Quelltext der PHP-Datei echt ordentlich wär' (was er [natürlich] nicht ist. ^^).

Aber danke für das Kompliment bezüglich des Designs!

Viele Grüße,
Sebi.
 
Zuletzt bearbeitet:
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben