Delphi-PRAXiS - HTML: Frage zu Doctype

Seite 1 von 2

Delphi-PRAXiS (https://www.delphipraxis.net/forum.php)

- Programmieren allgemein (https://www.delphipraxis.net/40-programmieren-allgemein/)

- - HTML: Frage zu Doctype (https://www.delphipraxis.net/43080-html-frage-zu-doctype.html)

HTML: Frage zu Doctype

Hallo,
habe nun ewig nach Gründen gesucht wieso Java Script in meiner Seite im IE ausgeführt wird im FF aber nicht.
Dann hat es endlich mit diesem Doctype:

Delphi-Quellcode:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

geklappt.
Schließe ich jedoch diesen Doctype mit einer spitzen Klammer also so:

Delphi-Quellcode:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">

so führt FF wieder kein Java-Script aus.
Kann mir das jemand erklären wieso das so ist und vor allem was das soll???

[edit=sakura] Eckige Klammern ersetzt. Mfg, sakura[/edit]

Re: [HTML] Frage zu Doctype

Wie schaut denn der restliche Code aus?

Re: [HTML] Frage zu Doctype

Versuchs mal damit (der Doctype muss auf jeden Fall geschlossen werden):

Code:

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

MfG Pr0g

Re: [HTML] Frage zu Doctype

Zitat:

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

Funktioniert auch nicht. FF führt JavaScript nicht aus.
Warum muss er unbedingt geschlossen werden?
Aber wenn es so funktioniert lass ich es wohl so... auch wenn ich nicht versteh was das soll.

Re: [HTML] Frage zu Doctype

Weil Tags immer geschlossen werden müssen, vorallem seit der XHTML-Spezifikation, die du ja verwendest. Du wirst einen Fehler in der Seite haben, Firefox ignoriert einen JS nicht umstonst.
Versuch mal folgende Doctype:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Re: [HTML] Frage zu Doctype

@moritz:

Code:

			<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

<html>

<head>

<title>Test</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<link rel="stylesheet" type="text/css" href="../stylesheet.css">

<script type="text/javascript">

var i=30

var intHide

var speed=3

function showmenu()

{

clearInterval(intHide)

intShow=setInterval("show()",10)

}

function hidemenu()

{

clearInterval(intShow)

intHide=setInterval("hide()",10)

}

function show()

{

if (i<182)

   {

   i=i+speed

   document.getElementById('menu').style.left=i

   }

}

function hide()

{

if (i>15)

   {

   i=i-speed

   document.getElementById('menu').style.left=i

   }

}

</script>

</head>

<body>

<div id="banner">[img]../Bilder/banner.jpg[/img]</div> 

<div id="navleiste">[url="../home.html"][img]../Bilder/navleistelinkhome.jpg[/img][/url]</div>

<div id="mainhome"></div>

<div id="randoben">[img]../Bilder/oben.jpg[/img]</div>

<div id="links">[img]../Bilder/linkslinks.jpg[/img]</div>

<div id="rechts">    

[img]../Bilder/linksrechts.jpg[/img]

</div>

<div id="menu" onmouseover="showmenu()" onmouseout="hidemenu()">[url="#"]TestLink[/url]

  [url="#"]TestLink2[/url]</div> 

<div id="linkspalte">    [url="../home.html"][img]../Bilder/linkshome.jpg[/img][/url]

                         [img]../Bilder/linksklein.jpg[/img]

                   [url="../dienstleistungen.html"][img]../Bilder/linkdienst.jpg[/img][/url]

                    [img]../Bilder/linksgross.jpg[/img]

                    [url="../beratung.html"][img]../Bilder/linksberatung.jpg[/img][/url]

                         [img]../Bilder/linksgross.jpg[/img]

                   [url="../partner.html"][img]../Bilder/linkspartner.jpg[/img][/url]

                    [img]../Bilder/linksgross.jpg[/img]

                    [url="../beratung.html"][img]../Bilder/linksreferenzen.jpg[/img][/url] 

                   [img]../Bilder/linksmitte.jpg[/img]

                   [url="../impressum.html"][img]../Bilder/impressum.jpg[/img][/url] 

                   [img]../Bilder/linksklein.jpg[/img]

                   [url="../beratung.html"][img]../Bilder/kontakt.jpg[/img][/url] 

                   [img]../Bilder/linksunten.jpg[/img] 

</div>

<div id="content"><center><h1>TEMPLATE TEST</h1></center></div>

</body>

</html>

Edit: Sorry, dass die Formatierung so verunstaltet dargestellt wird.

Re: [HTML] Frage zu Doctype

Zitat:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Wenn ich diesen benutze funkt JavaScript im FF und im IE aber das Banner oben wird ein Pixel zu weit rechts dargestellt im IE. Im FF richtig. Deshalb hatte ich noch

Zitat:

"http://www.w3.org/TR/html4/loose.dtd">

angefügt, dann wurde es in beiden richtig dargestellt. Dafür ging das JS im FF nicht mehr!

Re: [HTML] Frage zu Doctype

Du solltet dich erstmal entscheiden was du willst, also ob XHTML 1.0, oder HTML 4.01. Das manche Elemente je nach Angabe anders Positioniert werden ist normal, das musst du dann berichtigen. Guck dir die Seite dann im Firefox an und öffne de JavaScript-Konsole. Vielleicht findest du dort eine Meldung, die drauf hinweist, warum das JS nicht richtig funktioniert.

Re: [HTML] Frage zu Doctype

Die Konsole sagt Fehler in Zeile 1 ( drum bin ich drauf gekommen, dass es am Doctype liegt)

Re: [HTML] Frage zu Doctype

Kannst du die Seite mal irgenwo hochladen, damit man es testen kann?

Seite 1 von 2