Flo: Seite funzt nur im Firefox

Hallo,

ich habe ein Problem mit meiner HP. Sie funktioniert im Firefox einwandfrei, nur im IE geht gar nix mehr... keine Links falsche Darstellung usw...

Was mache ich falsch? Kann mir jemand weiterhelfen?? Bin Anfänger und weis nicht mehr recht weiter...

Vielen Dank im voraus.

Hier der Code:

<?xml version="1.0" ?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="description" content="HolyMountainRecords DJ DirtyPitch, Acidface, Toschy, Robbyalias come with great electronic music for u">
<meta name="author" content="Florian ">
<meta name="keywords" content="holymountainrecords, dirtypitch, acidface, toschy, robbyalias, dj, electronic music,
münchen dj, label, dirty pitch">
<meta name="date" content="2007-09-19T08:49:37+01:00">
<meta http-equiv="expires" content="0">
<meta http-equiv="content-type" content="text/html; charset=ansi">
<style type="text/css">
body { background-color:black; color:lightpink; }
a:link { color:lightyellow; }
a:visited { color:limegreen; }
a:active { color:lightskyblue; }
</style>

<title>HolyMountainRecords</title>
</head>
<body>
<p><center><img src="HolyMountainLogo.jpg" width="700" height="300" border="4" align=absmiddle hspace=40 vspace=40 alt="HolyMountaiiiiiinRecords"></p>
<p><center><font size=+3> Welcome to HolyMountainRecords.de </font></p><br>
<p align=left <a href="Artists.htm"><big><b>A r t i s t s:</big></b></a></p> <br>
<p align=left <a href="Productions.htm"><big><b>P r o d u c t i o n s:</big></b></a></p> <br>
<p align=left <a href="Dates.htm"><big><b>D a t e s:</big></b></a></p> <br>
<p align=left <a href="Contact.htm"><big><b>C o n t a c t:</big></b></a></p> <br>
<p><center>

<p align left <big>Die Seite befindet sich noch im Aufbau<big></p>

</body>
</html>

  1. Mahlzeit,

    <p align left <big>Die Seite befindet sich noch im Aufbau<big></p>

    Ein Validator könnte Dir dabei helfen zu erkennen, dass dieser "Code" ziemlich schrottig ist ...

    MfG,
    EKKi

    --
    sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|
    1. Mahlzeit,

      <p align left <big>Die Seite befindet sich noch im Aufbau<big></p>

      Ein Validator könnte Dir dabei helfen zu erkennen, dass dieser "Code" ziemlich schrottig ist ...

      MfG,
      EKKi

      auch Mahlzeit...

      Validator hab ich auch schon gegoogelt und auch paar andere sachen, bin aber nich weitergekommen...

      Habe die seite dort bereits prüfen lassen und der sagt: html konform... sprich valid html 4.1
      Ist die Zeile die du agegeben hast nun die Ursache?
      oder ist die ganze datei schrott?

      MfG & big thx

      1. Mahlzeit,

        <p align left <big>Die Seite befindet sich noch im Aufbau<big></p>

        Ein Validator könnte Dir dabei helfen zu erkennen, dass dieser "Code" ziemlich schrottig ist ...

        Habe die seite dort bereits prüfen lassen und der sagt: html konform... sprich valid html 4.1

        Das wage ich aber mal GANZ STARK zu bezweifeln.

        Ist die Zeile die du agegeben hast nun die Ursache?

        Die Zeile ist EINE der Stellen, die kein valides HTML sind.

        • Du öffnest ein '<p', machst die spitze Klammer aber nicht mehr zu.

        • Dann schreibst Du zwei Worte ('align' und 'left') ... möchtest Du vielleicht dem <p>-Tag das Attribut 'align="left"' geben?

        • Dann hast du zweimal '<big>' um den Text gelegt ... möchtest Du nicht stattdessen NACH dem Text das '<big>' wieder schließen?

        oder ist die ganze datei schrott?

        Nicht alles. Aber an vielen Stellen.

        MfG,
        EKKi

        --
        sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|
      2. Habe die seite dort bereits prüfen lassen und der sagt: html konform... sprich valid html 4.1

        Wenn ich den von dir angegebenen Code validieren lasse, erhalte ich 18 Fehler. Wie kann das sein? Hast du den Code noch verändert?

        --
        Reden ist Silber, Schweigen ist Gold, meine Ausführungen sind Platin.
        Self-Code: sh:( ch:? rl:( br:> n4:( ie:{ mo:) va:) de:> zu:} fl:| ss:| ls:~ js:|
  2. Hi,

    ich habe ein Problem mit meiner HP. Sie funktioniert im Firefox einwandfrei,

    "... und siehe, Firefox sprang auf und rief: 'Ein Wunder! Ich kann wieder sehen!' Und alle jauchzten und frohlockten, denn es ward gar finster wie im Kohlenkeller. Und der Herr sprach zu Firefox: 'Gehe hin und verkünde, als Du könnest sehen im Dunkel, denn ich bin der Herr, Dein Hirte und Halluzinogen.' Und alle waren froh und tanzten und frohlockten und jubilierten, auf dass sie in der Finsternis etwas seltener gegen Wände rennen als bisher."
    [Schlechte Trips, 42 Vers 19-25]

    Was mache ich falsch?

    Siehe EKKis Antwort. Da hier aber einfach _viel_ zu viel falsch ist, erlaube ich mir eine Handvoll Hinweise.

    <?xml version="1.0" ?>

    HTML ist kein XML. XHTML ist XML, aber das benutzt Du nicht. Darüber hinaus versetzt die XML-Deklaration den IE in den Quirks-Mode.

    <meta http-equiv="content-type" content="text/html; charset=ansi">

    Das charset=ansi überdenke bitte noch einmal.

    <style type="text/css">

    Lagere Deine Stylesheets in eine separate Ressource aus ...

    body { background-color:black; color:lightpink; }
    a:link { color:lightyellow; }
    a:visited { color:limegreen; }
    a:active { color:lightskyblue; }

    ... und _benutze_ vor allem Stylesheets. Es sei denn, Dir ist die Darstellung Deiner Seiten egal.

    <p><center><img src="HolyMountainLogo.jpg" width="700" height="300" border="4" align=absmiddle hspace=40 vspace=40 alt="HolyMountaiiiiiinRecords"></p>

    <p> dient der Strukturierung von Textabsätzen, nicht dem Einkleiden von allem Möglichen. <center> gehört vollständig eliminiert - für alles, was mit der Darstellung zu tun hat, ist CSS verantwortlich. Gleiches gilt für die meisten der Attribute im <img>-Element. Darüber hinaus musst Du Elemente, die Du öffnest, auch wieder schließen.

    <p><center><font size=+3> Welcome to HolyMountainRecords.de </font></p><br>

    Für <font> gilt das, was ich über <center> sagte, noch viel, viel stärker. Und <br> markiert das Ende einer Zeile, z.B. in einem Gedicht; es hat *NICHT* den Zweck, noch mehr Abstand zu erzeugen.

    <p align=left <a href="Artists.htm"><big><b>A r t i s t s:</big></b></a></p> <br>

    Das ist so als würdest Du einen Satz Aber das wird Dir der Validator sagen. Streiche das align-Attribut. Streiche <big>, streiche <b>. Streiche <p>, denn dies ist offenbar ein Navigationspunkt, also ein Eintrag in einer Liste von Links. Nutze also eine Liste, z.B. <ul>. HTML-Elemente sind wie Klammern in der Mathematik: Was zuletzt aufgeht, muss zuerst geschlossen werden. Streiche das <br>, denn Du hast nicht mal eine Textzeile, kannst also auch kein Ende einer solchen haben.

    <p align left <big>Die Seite befindet sich noch im Aufbau<big></p>

    Würdest Du den <p>-Starttag beendet haben, hätte dieses Element ein leeres align- und ein leeres left-Attribut. Da Du dies in den CSS-Code übergehen lässt, ist das natürlich egal. Übrigens ist diese Zeile die einzige, in der zumindest theoretisch ein <p>-Element sinnvoll sein könnte. Praktisch handelt es sich vermutlich eher um eine Überschrift, also <h1>-<h6>.

    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
    1. Mahlzeit,

      Siehe EKKis Antwort. Da hier aber einfach _viel_ zu viel falsch ist, erlaube ich mir eine Handvoll Hinweise.

      Bewundernswert, Deine Geduld. :-) Gerade WEIL hier _viel_ zu viel falsch ist, hätte ich mich wohl auf einen Link beschränkt ... ;-)

      MfG,
      EKKi

      --
      sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|
    2. Hi,

      ich habe ein Problem mit meiner HP. Sie funktioniert im Firefox einwandfrei,

      "... und siehe, Firefox sprang auf und rief: 'Ein Wunder! Ich kann wieder sehen!' Und alle jauchzten und frohlockten, denn es ward gar finster wie im Kohlenkeller. Und der Herr sprach zu Firefox: 'Gehe hin und verkünde, als Du könnest sehen im Dunkel, denn ich bin der Herr, Dein Hirte und Halluzinogen.' Und alle waren froh und tanzten und frohlockten und jubilierten, auf dass sie in der Finsternis etwas seltener gegen Wände rennen als bisher."
      [Schlechte Trips, 42 Vers 19-25]

      Was mache ich falsch?

      Siehe EKKis Antwort. Da hier aber einfach _viel_ zu viel falsch ist, erlaube ich mir eine Handvoll Hinweise.

      <?xml version="1.0" ?>

      HTML ist kein XML. XHTML ist XML, aber das benutzt Du nicht. Darüber hinaus versetzt die XML-Deklaration den IE in den Quirks-Mode.

      <meta http-equiv="content-type" content="text/html; charset=ansi">

      Das charset=ansi überdenke bitte noch einmal.

      <style type="text/css">

      Lagere Deine Stylesheets in eine separate Ressource aus ...

      body { background-color:black; color:lightpink; }
      a:link { color:lightyellow; }
      a:visited { color:limegreen; }
      a:active { color:lightskyblue; }

      ... und _benutze_ vor allem Stylesheets. Es sei denn, Dir ist die Darstellung Deiner Seiten egal.

      <p><center><img src="HolyMountainLogo.jpg" width="700" height="300" border="4" align=absmiddle hspace=40 vspace=40 alt="HolyMountaiiiiiinRecords"></p>

      <p> dient der Strukturierung von Textabsätzen, nicht dem Einkleiden von allem Möglichen. <center> gehört vollständig eliminiert - für alles, was mit der Darstellung zu tun hat, ist CSS verantwortlich. Gleiches gilt für die meisten der Attribute im <img>-Element. Darüber hinaus musst Du Elemente, die Du öffnest, auch wieder schließen.

      <p><center><font size=+3> Welcome to HolyMountainRecords.de </font></p><br>

      Für <font> gilt das, was ich über <center> sagte, noch viel, viel stärker. Und <br> markiert das Ende einer Zeile, z.B. in einem Gedicht; es hat *NICHT* den Zweck, noch mehr Abstand zu erzeugen.

      <p align=left <a href="Artists.htm"><big><b>A r t i s t s:</big></b></a></p> <br>

      Das ist so als würdest Du einen Satz Aber das wird Dir der Validator sagen. Streiche das align-Attribut. Streiche <big>, streiche <b>. Streiche <p>, denn dies ist offenbar ein Navigationspunkt, also ein Eintrag in einer Liste von Links. Nutze also eine Liste, z.B. <ul>. HTML-Elemente sind wie Klammern in der Mathematik: Was zuletzt aufgeht, muss zuerst geschlossen werden. Streiche das <br>, denn Du hast nicht mal eine Textzeile, kannst also auch kein Ende einer solchen haben.

      <p align left <big>Die Seite befindet sich noch im Aufbau<big></p>

      Würdest Du den <p>-Starttag beendet haben, hätte dieses Element ein leeres align- und ein leeres left-Attribut. Da Du dies in den CSS-Code übergehen lässt, ist das natürlich egal. Übrigens ist diese Zeile die einzige, in der zumindest theoretisch ein <p>-Element sinnvoll sein könnte. Praktisch handelt es sich vermutlich eher um eine Überschrift, also <h1>-<h6>.

      Cheatah

      So habe nun die Seite überarbeitet...(hatte auch ein paar Helferlein)

      Aber dennoch ist keine Besserung in Sicht... Was kann ich machen???

      Hier der neue Quelltext:

      <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
      <html><head><meta
       content="text/html; charset=ISO-8859-1"
       http-equiv="content-type"><title>Meine erste Neu</title></head><body
       style="color: rgb(255, 204, 255); background-color: rgb(0, 0, 0);"
       alink="#33ff33" link="#33ff33" vlink="#99ff99"><div
       style="text-align: center;">&nbsp; &nbsp; &nbsp;
      &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;
      &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
      &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
      &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
      &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
      &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
      &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
      &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<br><br><img
       style="border: 3px solid ; width: 893px; height: 456px;" alt=""
       src="HolyMountainLogo.jpg"><br><br><br><h1><span
       style="font-weight: bold;"><span
       style="font-weight: bold;">Welcome to HolyMountainRecords.de</span></span></h1><br><br><small></small><h1
       style="text-align: left;"><small><span
       style="font-weight: bold;"><span
       style="font-weight: bold;"></span></span><a
       href="Artists.htm">Artists</a>&nbsp; &nbsp;
      &nbsp;&nbsp;</small></h1><h1
       style="text-align: left;"><small><a
       href="Productions.htm">Productions</a>&nbsp;
      &nbsp; &nbsp;&nbsp;</small></h1><h1
       style="text-align: left;"><small><a href="Dates.htm">Dates</a></small></h1><h1
       style="text-align: left;"><small><a
       href="Contact.htm">Contact</a>&nbsp; &nbsp;
      &nbsp; &nbsp;</small>&nbsp; &nbsp;
      &nbsp;&nbsp;</h1><br><br><br><br><br><br><big>(Die
      Seite befindet sich noch im Aufbau)</big></div></body></html>

      1. Hallo Flo,

        das ist ja ziemlich chaotisch, schick doch mal einen Link, bitte...

        Viele Grüße,
        Marc.

        --
        Und immer schön
        validieren (http://validator.w3.org/)
      2. Hallo zusammen,

        Meine Güte, wer auch immer Dir dabei geholfen hat: - Du solltest nicht mehr auf ihn oder sie hören...

        Das ist ja total chaotisch und größtenteils Unsinn.

          
        <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">  
        <html>  
         <head>  
          <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">  
          <title>Meine erste Neu</title>  
         </head>  
          
         <body style="color: rgb(255, 204, 255); background-color: rgb(0, 0, 0);" alink="#33ff33" link="#33ff33" vlink="#99ff99">  
        
        

        Style-Angaben gehören in eine externe Datei!

          
          
          <div style="text-align: center;">  
          
        
        

        Die unzähligen Leerzeichen habe ich mal mit Blindtext ersetzt...

          
           Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br>  
           <br>  
           <img style="border: 3px solid ; width: 893px; height: 456px;" alt="" src="HolyMountainLogo.jpg">  
          
        
        

        Border für img ist veraltet - du behauptest in Deinem Doctype html 4.01 strict zu schreiben - dann tu das auch!

          
        <br>  
           <br>  
           <br>  
           <h1>  
            <span style="font-weight: bold;">  
             <span style="font-weight: bold;">Welcome to HolyMountainRecords.de</span>  
            </span>  
          
        
        

        Diese ganzen spans sind unnötiger Datenmüll!

          
           </h1><br>  
           <br>  
          
        
        

        Wozu so viele Zeilenenden, wo es gar keine Zeilen gibt?
        Wo sind die Inhalte, die umgebrochen werden?
        Abstände macht man mit CSS und mit sonst gar nichts!

          
           <small></small>  
          
          
        
        

        was soll denn "small" werden? Schriftgrößen legt man mit CSS fest - und mit sonst gar nichts!

          
          
           <h1 style="text-align: left;">  
            <small>  
             <span style="font-weight: bold;">  
              <span style="font-weight: bold;"></span>  
          
          
        
        

        Schon wieder leere spans - du sagst einem Text, den es gar nciht gibt, dass er fett sein soll - tolle Wurst. :-)

          
          
             </span>  
             <a href="Artists.htm">Artists</a>&nbsp; &nbsp;&nbsp;&nbsp;  
            </small>  
           </h1>  
           <h1 style="text-align: left;">  
            <small>  
             <a href="Productions.htm">Productions</a>&nbsp;&nbsp; &nbsp;&nbsp;  
            </small>  
           </h1>  
           <h1 style="text-align: left;">  
            <small>  
             <a href="Dates.htm">Dates</a>  
            </small>  
           </h1>  
           <h1 style="text-align: left;">  
            <small>  
             <a href="Contact.htm">Contact</a>&nbsp; &nbsp;&nbsp; &nbsp;  
            </small>&nbsp; &nbsp; &nbsp;&nbsp;  
           </h1><br>  
           <br>  
           <br>  
           <br>  
           <br>  
           <br>  
           <big>  
            (Die Seite befindet sich noch im Aufbau)  
           </big>  
          
          
        
        

        Schriftgrößen legt man mit CSS fest - und mit sonst gar nichts.

          
          
          </div>  
         </body>  
        </html>  
        
        

        Dir fehlt es so sehr an Grundlagen, dass Du hier nicht fragen solltest: wieso sieht die Seite nicht so aus, wie ich will? Sondern: wieso zeigt überhaupt irgendein Browser irgendetwas an.

        Mein Vorschlag: Nimm Dir ein fertiges Layout (zum Beispiel hier von selfHTML) und füge Deine Inhalte ein. Wenn Dir an dem Layout etwas nicht gefällt, dann lese in selfHTML nach, wie man das ändert. Wenn Du alleine nicht klar kommst, frag hier noch mal nach. Dann wirst du so nach und nach HTML lernen.

        Aber man kann Dir hier nicht alles auf einmal erklären (wie gefloatet wird, wofür spans und divs, wofür Klassen und IDs verwendet werden, wie man CSS-Anweisungen auslagert und korrekt notiert, welche Elemente veraltet sind, was logische, was physische Auszeichnungen sind und warum man nur logische verwenden sollte...

        da hapert es noch an zu vielem grundlegenden, dass man nicht weiß, wo man mit den Erklärungen anfangen soll. Das soll Dich nicht entmutigen, ist aber eine Aufforderung, Dich überhaupt erst mal mit HTML zu beschäftigen...

        und lass es Dir von jemandem zeigen, der es kann - nicht von Deinen Helferlein...

        Viele Grüße,
        Marc.

        --
        Und immer schön
        validieren (http://validator.w3.org/)
  3. Hallo Flo,

    was den titel Deines Threads betrifft. Das Wort funz gibt es im Hochdeutschen nicht, bei uns im Rheinland hat das aber eine Bedeutung:

    http://ksh.wikipedia.org/wiki/Funz

    Viele Grüße,
    Marc.

    --
    Und immer schön
    validieren (http://validator.w3.org/)
    1. Grütze .. äh ... Grüße!

      was den titel Deines Threads betrifft. Das Wort funz gibt es im Hochdeutschen nicht, bei uns im Rheinland hat das aber eine Bedeutung:

      http://ksh.wikipedia.org/wiki/Funz

      *gg*

      Ich bin ohnehin dafür, das Forum so umzuschreiben, daß bei Benutzung des Unworts "funzt"
      im Betreff oder Text den Thread auf "keine Antwort möglich" und "nicht archivierbar" zu setzen und dem Benutzer per Air-Taser ein für alle Mal die Benutzung ausgetrieben wird.

      Es nervt nur noch. Ich kann es nicht mehr hören :(


      Kai

      --
      What is the difference between Scientology and Microsoft? One is an
      evil cult bent on world domination and the other was begun by L. Ron
      Hubbard.
      ie:{ fl:( br:< va:) ls:? fo:| rl:? n4:° ss:{ de:] js:| ch:? mo:| zu:|
      1. Moin Moin!

        Ich bin ohnehin dafür, das Forum so umzuschreiben, daß bei Benutzung des Unworts "funzt"
        im Betreff oder Text den Thread auf "keine Antwort möglich" und "nicht archivierbar" zu setzen und dem Benutzer per Air-Taser ein für alle Mal die Benutzung ausgetrieben wird.

        Mach eine Liste davon und füge mindestens noch "eilig", "dringend", "wichtig" und "!!!" dazu. (Siehe auch http://www.heise.de/newsticker/meldung/99286/)

        "suche" sollte automatisch auf Google umleiten.

        Alexander

        --
        Today I will gladly share my knowledge and experience, for there are no sweeter words than "I told you so".
      2. Hallo Kai

        Es nervt nur noch. Ich kann es nicht mehr hören :(

        Lässt du dir das Forum vorlesen?

        Auf Wiederlesen
        Detlef

        --
        - Wissen ist gut
        - Können ist besser
        - aber das Beste und Interessanteste ist der Weg dahin!
    2. Hi,

      http://ksh.wikipedia.org/wiki/Funz

      ich ergänze: http://andreas-waechter.de/Spass/Sprachliches.html#funzen

      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