kointa: IE stellt seite ganz anders dar als FireFox

Hi all,

ich bin gerade dabei meine seite auch IE kompatibel zu machen, ich habe bis jetzt immer eine meldung ausgegeben dass IE die seite falsch anzeigt, aber ich würde doch gerne auch IE usern ermöglichen auf meine seite zu gehen.

ich habe jedoch einige probleme die ursache für manche darstellungsfehler zu finden.

zum beispiel:

  • werden bei meiner tabelle keine bilder angezeigt sondern nur "x".
  • Wird die Überschrift ganz klein angezeigt obwohl in der definition.css folgendes drinsteht:
  
h   {       font-family:Monotype Corsiva;  
      font-size:40px;  
      color:black;   } /*Schriftart der Überschriften*/  

  • Die andere Tabelle, welche ich mit <li> gestaltet habe wird nichtmehr nebeneinander, sondern untereinander dargestellt:
  
<ul id="GameList">  
<li><a href="?id=27" onclick="return loadGame(this.href)"><img src="http://www.miniclip.com/images/icons/euro2008smallicon.jpg" alt="EM2008" border="0"><br>EM 2008</a></li>  
<li><a href="?id=28" onclick="return loadGame(this.href)"><img src="http://www.miniclip.com/images/icons/sudokusmallicon.jpg" alt="Sudoku" border="0"><br>Sudoku</a></li>  
<li><a href="?id=29" onclick="return loadGame(this.href)"><img src="http://www.miniclip.com/images/icons/tarnationsmallicon.jpg" alt="Tarnation" border="0"><br>Tarnation</a></li>  
<li><a href="?id=30" onclick="return loadGame(this.href)"><img src="http://www.miniclip.com/images/icons/overkillapachesmallicon.jpg" alt="OverkillApache" border="0"><br>Overkill<br>Apache</a></li>  
<li><a href="?id=1" onclick="return loadGame(this.href)"><img src="http://www.miniclip.com/images/icons/redbugspuzzlesmallicon.jpg" alt="RedBugsPuzzle" border="0"><br>Red Bugs<br>Puzzle</a></li>  
<li><a href="?id=2" onclick="return loadGame(this.href)"><img src="http://www.miniclip.com/images/icons/jingosmallicon.jpg" alt="Jingo" border="0"><br>Jingo</a></li>  
</ul>  

  
/*Tabellen*/  
  
#GameList  { display:table;  
   background:black;  
     padding:10 10;  
     margin:2% auto;  
                        list-style-type:none;  
     white-space:nowrap;  }  
#GameList li  { display:table-cell;  }  
#GameList a  {       color:white;  
   font-family:Comic Sans MS;  
          font-size:11px;  
          font-weight:normal;  
                        text-decoration:none;  
   width:auto;   } /*Schriftart der Tabelle*/  
#GameList a:hover{ color:#DC143C;   }  
  
th  {  vertical-align:top;   } /*Bilder alle auf gleicher Höhe*/  
th a  {       color:white;  
   font-family:Comic Sans MS;  
          font-size:11px;  
          font-weight:normal;  
                         text-decoration:none;  } /*Schriftart der Tabelle*/  
th a:hover { color:#000000;   }  

kann mir jdn helfen?

danke !
grüße

  1. kann mir jdn helfen?

    lies bitte die tipps für fragende

    insbesondere der punkt "Zeige den problematischen Quellcode! Entweder im Posting selbst oder mittels Link auf die betreffende Seite." wobei ich in deinem fall eher zum link raten würde

    1. insbesondere der punkt "Zeige den problematischen Quellcode! Entweder im Posting selbst oder mittels Link auf die betreffende Seite." wobei ich in deinem fall eher zum link raten würde

      http://www.choiz.extra.hu
      reicht das?

      Danke !

      1. http://www.choiz.extra.hu
        reicht das?

        ja schon besser

        dass deine seite überhaupt irgendwo halbwegs wie gewünscht dargestellt wird, liegt vermutlich an der tollen fehlerkorrektur moderner browser

        du hast zb markup ausserhalb des <html />-elements

        wirf mal hier rein einen blick, wie das grundgerüst eines html-dokuments aussehen sollte
        http://de.selfhtml.org/html/allgemein/grundgeruest.htm

        zudem scheinst du ein problem mit der zeichencodierung zu haben - der w3-validator verweigert jedenfalls den dienst
        http://validator.w3.org/check?uri=http%3A%2F%2Fwww.choiz.extra.hu

        1. dass deine seite überhaupt irgendwo halbwegs wie gewünscht dargestellt wird, liegt vermutlich an der tollen fehlerkorrektur moderner browser

          du hast zb markup ausserhalb des <html />-elements

          So besser? aber die probleme gehen dadurch nicht weg im internet explorer, scheint ein CSS problem zu sein.

          wenn ich nämlich anstatt h einfach h1 setze dann erkennt der IE das auf einmal, aber er kann wohl keine beliebigen <tags> ansprechen !?

          wirf mal hier rein einen blick, wie das grundgerüst eines html-dokuments aussehen sollte
          http://de.selfhtml.org/html/allgemein/grundgeruest.htm

          habs verbessert, so sollte es richtig sein !?

          zudem scheinst du ein problem mit der zeichencodierung zu haben - der w3-validator verweigert jedenfalls den dienst
          http://validator.w3.org/check?uri=http%3A%2F%2Fwww.choiz.extra.hu

          Was meinst du mit zeichencodierung !? kann die seite immernoch nciht validaten und die fehlermeldung ist nicht sehr aussagekräftig.

          danke

          1. So besser? aber die probleme gehen dadurch nicht weg im internet explorer, scheint ein CSS problem zu sein.

            nein, dein code ist immer noch nicht valide - ein css problem ist es sicher nicht

            wenn ich nämlich anstatt h einfach h1 setze dann erkennt der IE das auf einmal, aber er kann wohl keine beliebigen <tags> ansprechen !?

            natürlich nicht, die in html 4.01 oder xhtml 1.0 (in entsprechenden varianten) werden durch den doctype bestimmt - <h /> gibt es als element nicht - <h1 /> hingegen in sämglichen varianten

            wirf mal hier rein einen blick, wie das grundgerüst eines html-dokuments aussehen sollte
            http://de.selfhtml.org/html/allgemein/grundgeruest.htm

            habs verbessert, so sollte es richtig sein !?

            ich seh keinen unterschied

            alles vor <!DOCTYPE HTML PUBLIC ... gehört ins <body />-element und nicht einfach so lose in den quelltext

            am geschicktesten ist, wenn du dir ein komplett neues, leeres dokument machst - das nennst du meinetwegen index_neu.php

            dort kopierst du das html- oder xhtml-grundgerüst rein und überträgst deine inhalte stück für stück semantisch korrekt (textabsätze mit p überschriften mit h1 bis h6, listen als ol/ul mit li-elementen) in dein neues dokument und zwischen drinnen immer den validator befragen, ob dein code richtig/valide ist - erst jetzt beginnst du die inhalte mit css zu formatieren

            Was meinst du mit zeichencodierung !? kann die seite immernoch nciht validaten und die fehlermeldung ist nicht sehr aussagekräftig.

            ansich ist die fehlermeldung schon aussagekräftig - da du keine zeichencodierung angibst (bzw das dokument sehr interpreationsbedürftig ist), versucht der w3-validator per default utf-8 obwohl du offenbar ein ansi-dokument erstellt hast, wenn man die zeichencodierung manuell einstellt, kommt der validator übrigens zu diesem ergebnis:

            http://validator.w3.org/check?uri=http%3A%2F%2Fwww.choiz.extra.hu%2F&charset=iso-8859-1&doctype=Inline&group=0

            1. nein, dein code ist immer noch nicht valide - ein css problem ist es sicher nicht

              Jetzt aber ;)
              This Page Is Valid HTML 4.01 Transitional!

              natürlich nicht, die in html 4.01 oder xhtml 1.0 (in entsprechenden varianten) werden durch den doctype bestimmt - <h /> gibt es als element nicht - <h1 /> hingegen in sämglichen varianten

              so problem behoben, klappt jetzt wunderbar, danke

              ich seh keinen unterschied

              jetzt aber ;)

              alles vor <!DOCTYPE HTML PUBLIC ... gehört ins <body />-element und nicht einfach so lose in den quelltext

              jop war etwas durcheinander. muss jetzt aber leider auf meinen rahmen verzichten, aber das war eh kein richtiger den krieg ich schon irgendwie mit css hin.

              ansich ist die fehlermeldung schon aussagekräftig - da du keine zeichencodierung angibst (bzw das dokument sehr interpreationsbedürftig ist), versucht der w3-validator per default utf-8 obwohl du offenbar ein ansi-dokument erstellt hast, wenn man die zeichencodierung manuell einstellt, kommt der validator übrigens zu diesem ergebnis:

              der einzige fehler den die validierung jetzt noch bring ist folgende:

              • Line 110, Column 18: there is no attribute "BEHAVIOR"
              • Line 110, Column 43: there is no attribute "SCROLLAMOUNT"
              • Line 110, Column 59: there is no attribute "SCROLLDELAY"
              • Line 110, Column 62: element "MARQUEE" undefined

              aber was ist denn an dem hier falsch:

                
              <marquee behavior="alternate" scrollamount="3" scrolldelay="1">  
              <a style="font-size:10pt; color:white; text-decoration:none" href="mailto:shivio4-homepage@yahoo.de"><b>(c) choiz | Optimized for FireFox  @ 1280x800</b></a>  
              </marquee><br><br>  
              
              

              also ich habe jetzt die seite konform aber meine tabelle im IE sieht immernoch total kaputt aus.
              jetzt kann ich ja falschen code schonmal ausschließen, scheint wohl dass IE probleme mit dem CSS zu haben !??

              und wieso werden bei meiner tabelle keine bilder angezeigt, bzw manche schon und manche nicht.

              hoffe du hast dafür auch noch ne idee.

              danke schonmal für deine hilfe bis hierher !
              grüße

              1. Jetzt aber ;)
                This Page Is Valid HTML 4.01 Transitional!

                http://validator.w3.org/check?uri=http%3A%2F%2Fwww.choiz.extra.hu%2F&charset=iso-8859-1&doctype=Inline&group=0
                ich weiss nicht welche seite du validierst, aber scheinbar ist es eine andere als die startseite ;)

                jop war etwas durcheinander. muss jetzt aber leider auf meinen rahmen verzichten, aber das war eh kein richtiger den krieg ich schon irgendwie mit css hin.

                wenn dein quelltext valide ist, ist ein rahmen das kleineste problem

                der einzige fehler den die validierung jetzt noch bring ist folgende:

                • Line 110, Column 18: there is no attribute "BEHAVIOR"
                • Line 110, Column 43: there is no attribute "SCROLLAMOUNT"
                • Line 110, Column 59: there is no attribute "SCROLLDELAY"
                • Line 110, Column 62: element "MARQUEE" undefined

                aber was ist denn an dem hier falsch:

                das <marquee />-element gibt es nicht
                entferne es, es wird niemand vermissen - maquee ist für leute die meinen, es wäre cool den benutzer mit bewegung zu nerven

                jetzt wirst du denken "hey, marquee ist wirklich cool!" irgendwann wirst du feststellen, dass es wirklich so ist ;) das ist wie mit der schule "du lernst nicht für die schule sondern fürs leben, mein junge" - "jaja, mama" :D

                also ich habe jetzt die seite konform aber meine tabelle im IE sieht immernoch total kaputt aus.
                jetzt kann ich ja falschen code schonmal ausschließen, scheint wohl dass IE probleme mit dem CSS zu haben !??

                wie gesagt, der link den du mir gegeben hast ist scheinbar nicht die standardkonforme seite von der du sprichst ;)

                1. ich weiss nicht welche seite du validierst, aber scheinbar ist es eine andere als die startseite ;)

                  ich gehe hierüber:
                  http://validator.w3.org/#validate_by_input

                  und geb da den ganzen quelltext ein, dann geht es. wieso die seite nicht direkt zu überprüfen ist weiss ich leider nicht.

                  jop war etwas durcheinander. muss jetzt aber leider auf meinen rahmen verzichten, aber das war eh kein richtiger den krieg ich schon irgendwie mit css hin.
                  wenn dein quelltext valide ist, ist ein rahmen das kleineste problem

                  hab ihn schon gebaut, war echt einfach ;).

                  das <marquee />-element gibt es nicht
                  entferne es, es wird niemand vermissen - maquee ist für leute die meinen, es wäre cool den benutzer mit bewegung zu nerven

                  okay dann mache ich das ;)

                  jetzt wirst du denken "hey, marquee ist wirklich cool!" irgendwann wirst du feststellen, dass es wirklich so ist ;) das ist wie mit der schule "du lernst nicht für die schule sondern fürs leben, mein junge" - "jaja, mama" :D

                  nene finds garnich so besonders, also dann mahc ichs mal weg ;)

                  wie gesagt, der link den du mir gegeben hast ist scheinbar nicht die standardkonforme seite von der du sprichst ;)

                  doch ;)

                  grüße

                  1. und geb da den ganzen quelltext ein, dann geht es. wieso die seite nicht direkt zu überprüfen ist weiss ich leider nicht.

                    weil die zeichencodierung fehlt ;) - damit klappts auch bei dir:
                    direkt prüfen der startseite

                    1. weil die zeichencodierung fehlt ;) - damit klappts auch bei dir:
                      direkt prüfen der startseite

                      wo kommen dnen jetzt die ganzen fehler her.
                      naja egal, der IE hat wohl wirklich probleme mit <li> ich probier mal da was zu ändern.

                      danke

                      1. wo kommen dnen jetzt die ganzen fehler her.
                        naja egal, der IE hat wohl wirklich probleme mit <li> ich probier mal da was zu ändern.

                        versuche zuerst deine fehler im quelltext zu beseitigen - ohne standardkonformen code ist das nur ein spassiges rätselraten

                        1. versuche zuerst deine fehler im quelltext zu beseitigen - ohne standardkonformen code ist das nur ein spassiges rätselraten

                          die fehler die jetzt noch auftreten sind aber normal, da ich das menu über php auf jede seite einbinde, er meckert da halt dass die <div> container ausserhalb des html documentes stehen, aber das geht ja nicht anders.

                          das sind dann auch die einzigen fehler.
                          also was kann ich jetzt noch tun ?

                          1. das sind dann auch die einzigen fehler.
                            also was kann ich jetzt noch tun ?

                            habs doch hingekriegt. aber löst das problem nicht :(

                            1. habs doch hingekriegt. aber löst das problem nicht :(

                              jetzt gönnst du dir noch eine zeichencodierung

                              <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> sollte in deinem fall im head stehen wenn ich nicht falsch liege und dann kanns mit der fehlersuche losgehen

                              hilfreich ist es, die fehlerhaften elemente zu umrahmen um zu sehen was passiert

                              du wirst relativ schnell feststellen, dass der internet exploder mit display: table-cell nicht viel anfangen kann

              2. Hallo.

                <br><br>

                Genau das Geräusch habe ich von mir gegeben, als ich deinen Code gelesen habe.
                MfG, at

  2. Yerf!

    • Die andere Tabelle, welche ich mit <li> gestaltet habe wird nichtmehr nebeneinander, sondern untereinander dargestellt:

    /Tabellen/

    #GameList  { display:table;
       background:black;
         padding:10 10;
         margin:2% auto;

      
    Hm, der IE7 kann glaub noch kein display:table. Versuch mal die Listitems entweder per diplay:inline oder float:left nebeneinander zu stellen.  
      
      
      
    Gruß,  
      
    Harlequin  
      
    
    -- 
    <!--[if IE]>This page is best viewed with a webbrowser. [Get one today!](http://www.opera.com)<![endif]-->