Steve: InetExplorer öffnet CSS nicht

Hallo Zusammen,
wie im Titel schon erwähnt, hab ich irgendwo einen Fehler im Quelltext, so dass der Internet Explorer die style.css nich lädt. Im Firefox klappt das aber einwandfrei.

es geht direkt um die Indexseite:

www.bc-siegtal.de/

Wäre um Rat dankbar!

  1. Hi,

    wie im Titel schon erwähnt, hab ich irgendwo einen Fehler im Quelltext, so dass der Internet Explorer die style.css nich lädt. Im Firefox klappt das aber einwandfrei.

    Du hast nicht "irgendwo einen Fehler", du hast ganze 87 Fehler.

    Über welchen der IE da stolpert kann ich nur raten, ich vermute es ist das zweite öffnende HEAD-Element.

    ~dave

    1. Erstmal danke für die nützliche Seite. Ich bin halt kein Profi und versuche das so gut zu machen wie ich kann. Das viele Fehler drin sind war klar, nur dachte ich, es wäre was Eindeutiges da es sonst immer mit allen Browsern funktioniert hat...blöd...da such ich mich ja doof und dämlich...

      1. Mein Tipp:
        Arbeite die Fehler die dort angezeigt werden nach der Reihe durch. Dann schaffst du es auch ganz locker! Anschließend kannst du auch mal dein CSS auf gleicher Seite prüfen lassen, da müsste es einen Validator dafür geben. Die Zeilenangabe machts auch entsprechend einfacher, da muss man kein Profi sein. Wenn du kein Programm hast das Zeilen anzeigt, ich kann dir Geany empfehlen, der ist nicht so überladen wie Phase5 oder wie die Dinger alle heißen und kann eine ganze Menge.

        Fang damit an, dass da nicht steht <head> und direkt dahinter nochmal <HEAD> ;-)

        Gruß,
        Roland

        1. So, erstmal vielen dank an Dave für die Seite. Ich bin jetzt auf 6 Fehler runter. Aber das was mir da noch angezeigt wird raff ich beim besten Willen nicht. Wer weiss was gemeint ist? Desweiteren würde ich gerne wissen wie ich mir Comments einpflegen kann. Bisher hab ich das immer so gemacht:
          <!-- Kommentar -->

          Ich hab alle meine Comments rausgelöscht und jetzt gehts.

          1. Hi,

            der Validator meldet:
            Line 590, Column 8: unterminated comment: found end of entity inside comment
            Line 13, Column 1: comment started here

            In Zeile 13 im script-Block hast du folgendes:

            09: <script type="text/JavaScript">  
            10:  
            11:  
            12:  
            13: <!-- Begin Diashow  
            14:  
            15: var timeDelay = 3; // change delay time in seconds
            

            Hier fehlt ihm das schließen des Kommentares "-->". Wie man hier auch recht schön am Syntax-Highlighting erkennt.

            Da sich dieser Kommentar allerdings in einem Javascript befindet ist <!-- und --> sowieso unsinnig.
            In Javascript macht man Kommentare mit // oder /* und */.

            Also hier am besten das <!-- durch // ersetzen.

            Da du XHTML als Doctype angegeben hast ist es auch ratsam direkt nach dem öffnendem script-Element ein <![CDATA[ und vor dem schließendem ein ]]> zu notieren.
            Noch besser wäre es das Javascript auszulagern.

            Wenn du diesen ersten Fehler korrigierst und erneut validierst bist du wieder bei 65 :D
            Diese Fehler hat er zuvor nicht bemängelt da er dachte das Ganze wäre auskommentiert.

            Viel Spaß beim weiter validieren, wenn du wieder was nicht verstehst einfach fragen.

            ~dave

            1. Korrektur zu:

              Da du XHTML als Doctype angegeben hast ist es auch ratsam direkt nach dem öffnendem script-Element ein <![CDATA[ und vor dem schließendem ein ]]> zu notieren.

              Nach dem öffnendem script-Element /* <![CDATA[ */, vor dem schließendem /* ]]> */
              Das sieht dann in etwa so aus:

              <script type="text/javascript">  
              /* <![CDATA[ */  
                  // Dein Javascript-Code  
              /* ]]> */  
              </script>
              

              Zur Erklärung was das soll:
              In XHTML (AFAIK auch HTML, nur ist das nicht so streng) darf man die Zeichen <, > und & nicht verwenden, da diese eine besondere Bedeutung haben.
              < und > zum einrahmen der Tags und & zur Ausgabe von Sonderzeichen.

              < und > können häufig in Javascript vorkommen, um Vergleiche auf größer oder kleiner vorzunehmen. Das wären dann alles Fehler.

              Durch das <![CDATA[ wird gekennzeichnet dass diese Zeichen keine Sonderzeichen mehr sind. Die Zeichenfolge ]]> beendet den CDATA-Block, ab hier sind <, > und & wieder Sonderzeichen.

              Jetzt hat man nur noch das Problem das <![CDATA[ vermutlich einen Javascript-Fehler wirft, da es nicht interpretiert werden kann. Deshalb kommentiert man das einfach noch mit /* und */ oder // aus und schon ist man fertig.

              Noch besser wäre es das Javascript auszulagern.

              Das steht nach wie vor und spart dir auch das rumhantiere mit <![CDATA[]]>.

              1. @@dave:

                nuqneH

                <script type="text/javascript">
                /* <![CDATA[ */
                    // Dein Javascript-Code
                /* ]]> */
                </script>

                Da bieten sich einzeilige Kommentare an:

                <script type="text/javascript">  
                [code lang=javascript]//[code lang=xml]<![CDATA[
                

                // Dein Javascript-Code
                //]]>[/code]
                </script>[/code]

                Qapla'

                --
                Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
                (Mark Twain)
            2. Hi,
              also was in 590 falsch sein soll verstehe ich nicht.
              Das mit dem XHTML verstehe ich. Aber jetzt meldet der mir ja ganz viele einfache Befehle wie z.B. die von der Laufschrift als fehlerhaft. Die habe ich mit meinem Programm ganz easy da eingefügt. Dann gehe ich doch normalerweise davon aus das die Angaben die mir meine Software macht korrekt sind. Sollte ich etwas anderes angeben um diese Fehler schnell und einfach zu beheben.

              Generell bin ja ja schon sehr zufrieden das die Seite wieder auf allen Browsern läuft :D

              1. Hi,

                also was in 590 falsch sein soll verstehe ich nicht.

                Er konnte bis zum Ende des Dokuments (Zeile 590) noch immer nicht das schließen des Kommentares entdecken. Deshalb meldet er den Fehler in dieser Zeile.

                Aber jetzt meldet der mir ja ganz viele einfache Befehle wie z.B. die von der Laufschrift als fehlerhaft.

                Das Element marquee ist nicht im XHTML-Standard enthalten, daher ist es auch nicht valide es zu verwenden.

                Abgesehen davon finde ich Lauftext, besonders auf Webseiten, fehl platziert.
                Wenn mich etwas interessiert will ich nicht darauf warten müssen dass es endlich mal vorbei läuft.
                Ich kann meine Abscheu gegenüber Lauftexten auf Webseiten gar nicht in Worte fassen :-P

                Die habe ich mit meinem Programm ganz easy da eingefügt. Dann gehe ich doch normalerweise davon aus das die Angaben die mir meine Software macht korrekt sind.

                Sind sie ganz offensichtlich nicht.
                Am vernünftigsten IMHO ist es HTML-Code per Text-Editor zu schreiben.
                Da kommen sicher keine unerwarteten Fehler und nach etwas Übung geht das auch schneller als mit irgendwelchen "Webseite-Zusammenklick"-Programmen.

                Sollte ich etwas anderes angeben um diese Fehler schnell und einfach zu beheben.

                Den Fehler marquee zu verwenden umgeht man am effektivsten indem man es nicht verwendet ;-)

                ~dave

                1. @@dave:

                  nuqneH

                  Ich kann meine Abscheu gegenüber Lauftexten auf Webseiten gar nicht in Worte fassen :-P

                  Nicht nötg. Andere haben das fertiggebracht.

                  Qapla'

                  --
                  Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
                  (Mark Twain)
                2. Soooo,
                  tolle Sache dieser Validator. Jetzt hab ich nur noch einen Fehler drin den ich nicht checke. Mit der Laufschrift haste mich auch überzeugt. Dann bekommen die Ergebnisse unserer Mannschaften halt einen extra Container.

                  Vllt schaust du nochmal rein.

                  1. Hi,

                    Jetzt hab ich nur noch einen Fehler drin den ich nicht checke.

                    IDs müssen dokumentweit eindeutig sein.
                    Du hast zwei Elementen die gleiche ID "right" gegeben.

                    Grundsätzlich: Beim id- oder class-Attribut etwas anzugeben was der derzeitigen Darstellung entspricht ist langfristig eine schlechte Idee.
                    So ist z.B. bei dir schon ein Element das die id="right" hat auf der linken Seite.
                    Besser wäre es ids und classes entsprechend des Inhaltes zu vergeben. Zum Beispiel class="galleryTeaser" o.ä.

                    Um konkret dein Problem mit der doppelten ID zu lösen würde ich die ID bei diesen beiden Elementen komplett entfernen und ihnen eine gemeinsame class geben.
                    Dann musst du im CSS noch alle #right mit .deinClassName austauschen und das sollte wieder stimmen.

                    Du hast übrigens zeimlich viele &nbsp; auf deiner Seite. Ich habe den Eindruck die sind nur dazu da um etwas Abstände vor/zwischen/nach Elementen zu haben.
                    Für diesen Zweck gibt es eigentlich CSS und margin bzw. padding.
                    Auch einige <br/> die nur tatsächliche Zeilenumbrüche kennzeichnen sollten scheinen benutzt worden zu sein um Abstände einzufügen. Auch hier wäre CSS und margin/padding der richtige Weg.

                    ~dave

                    1. Hi,
                      mit margin und padding hab ich grad was gemacht. Wenn man weiss wie isses wesentlich einfacher. Ich werde den Quelltext der Seite jetzt nach und nach säubern und verbessern. Hab heute wieder viel gelernt und will es jetzt nicht mehr übertreiben. Ich aktualisier jetzt noch und dann lass ich das bis morgen ruhen. Das mit der ID werde ich morgen mal in angriff nehmen. Klingt zumindest mal Kinderleicht. Bisschen probieren dann klappts bestimmt.
                      Vielen lieben dank nochmal Dave! Sehr geduldig und hilfsbereit. Hat man ja selten in Foren. Wenn was ist werde ich mich hier melden! THX

                  2. Hi,

                    nochwas:
                    <img alt="" src="images/news/jubel.jpg" /> ist zwar valide, aber das alt-Attribut ist nicht verpflichtend weil man es dann leer lassen soll.
                    Da rein gehört ein kurzer Text der als Alternative zum Bild angezeigt werden kann falls dieses nicht geladen oder angezeigt werden kann.

                    ~dave