Firefox und IExe

    Ich habe eine weitere Homepage erstellt, doch ich muss nun leider feststellen, das das Design auf Firefox total anders (=missraten) ist, als beim IExe!


    Die seite ist noch nicht online, doch auf:
    <!-- m --><a class="postlink" href="http://www.osnanet.de/jf-riesenbeck/avantasia">http://www.osnanet.de/jf-riesenbeck/avantasia</a><!-- m -->
    sind 2 screenshots... eins bei IExe und ein Firefox.


    Das Banner oben basiert auf der CSS-Beispielseite vom HTML-Seminar, ist aber trotzdem bei Firefox falsch!


    wer kennt da Rat?

    die einzige Möglichkeit deine Seiten weitestgehend kompatibel zu allen Browsern zu machen besteht durch absoluten Einsatz von CSS :!:
    Alleine mit html ist das nicht zu erreichen.

    ich hab aber den Kopf der Seite fast 1 zu 1 von der Beispielseite (<!-- m --><a class="postlink" href="http://www.html-seminar.de/fertiges-beispiel-css-pur.htm">http://www.html-seminar.de/fertiges-bei ... ss-pur.htm</a><!-- m -->) übernommen. Also nur das Bild und den Schatten durch andere mit gleichen Maßen ersetzt!


    da versteh ich nicht, woran das liegt...


    und auf ner andern Seite (schwarzer bg) ist die schrift schwarz, und die Tabelle darum weiß. im InternetExplorer ist es (so wie es sein soll) andersherum. die Schrift weiß und die Tabelle schwarz, damit man sie nicht sieht...


    Warum liest Firefox das den anders, als es im Quelltext steht?




    Von einem Freund hab ich gehört, das wenn man was bestimmtes oben im Doctype schreibt, dass das dann Firefox so anzeigt wie im IE oder ein andern Browser, halt nach belieben...
    stimmt das?
    wenn ja wie?

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">



    <head>
    <title> Avantasia - The Scarecrow </title>
    <link rel="stylesheet" type="text/css" media="screen" href="design.css"/>
    <link rel="stylesheet" href="hover.css" type="text/css">


    </head>


    <body bgcolor= #996600>


    <div id="kopfbereich">
    <p><img src="thescarecrow.png"; width= "320px"></p> </div>



    <div id="schatten"> </div>


    <table border="0" p align= "center" height="80%" width="75%" bgcolor= #996600>


    <tr>
    <td valign="top">


    <div id="navi">
    <ul> <font face="Tahoma">


    <li><a href="index.html"><font color= "yellow"> Home </a></li>
    <li><a href="ueber Avantasia.html"><font color= "white"> Avantasia? </a></li>
    <li><a href="Charaktere.html"><font color="white"> Charaktere </a></li>
    <li><a href="Musiker.html"><font color= "white"> Musiker </a></li>


    <li><a href="Texte.html"><font color= "white"> Texte </a></li>
    <li><a href="Links.html"><font color= "white"> Links </a></li>
    <li><a href="Impressum.html"><font color= "white"> Impressum</a></li>
    </td>


    <td width="100%"; align="center"; bgcolor= "black"> <font face="Rockwell">


    <br>



    <font color= #ffffff><font size= "6">
    Willkommen auf der Fan- Page von <font size= "4"> <br>
    <br>
    <img src="Avantasia.jpg"; width= "47%">


    <br>


    Avantasia ist das Soloprojekt Sängers der <br> Deutschen Powermetal Band Edguy - Tobias Sammet.<br><br>


    2008 veröffentlichte er sein drittes Avantasia-Album "The Scarecrow" <br>
    Wie auf den beiden anderen Alben zuvor, sind viele Gastmusiker zu hören.<br><br>


    Diese Website befässt sich lediglich mit "The Scarecrow"<br><br>


    <img src="Cover.jpg" width= "35%"> <br><br>


    </td>


    </li>
    </ul>
    </div>


    </td> </tr>
    </table>


    <p align= "center">
    <font color= #ffffff>
    &copy 2008 by Fabian Grüter



    </body>
    </html>

    oh je -


    was nun gerade fehlt sind deine css-Einträge dazu :idea: wie soll man da etws nachvollziehen können


    nur mal einige aufgefallene Fehler:


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


    <body bgcolor= #996600> sowas kommt in die CSS-Datei


    <table border="0" p align= "center" height="80%" width="75%" bgcolor= #996600> was soll das 'p'? Attribut 'height' ist nicht zugelassen... als 'style' eingeben


    </li> </ul> abschliessende Tags gehören dorthin, wo die Liste beendet wird!


    <img src="thescarecrow.png"; width= "320px"><p></p> falsch positoniert


    <p align= "center"> fehlt der Schlusstag
    <font color= #ffffff> im CSS eingeben
    &copy 2008 by Fabian Grüter
    - - - - -


    Siehst du mal, was in deinem übernommenen CSS-Template noch so alles fehlt. Du gibtst hier noch jede Menge html-Attribute ein, die so nicht mehr in einen Quelltext gehören

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden