Login

#1 (**permalink**) 13-12-2006, 18:35

Hallo,

Mit folgendem Code versuche ich eine Site aufzubauen welche im IE und im FF gleich sein soll.

PHP-Code:


			
<?xml version="1.0" encoding="UTF-8"?>

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

    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

        <meta http-equiv="Content-Language" content="de" />        

        <!--

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

        <meta http-equiv="Content-Style-Type" content="text/css">

        -->

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

    </head>

    <body>

        <div id="mainbody">

            Das ist ein Test<BR />

            1

        </div>

    </body>

</html>

Mein Problem ist, dass der obere Rand bei den beiden Browsenr unterschiedlich ist. Ich habe es auch mit allen möglichen DOCTYPE's versucht und mir die Doctype bei einer Site angeschaut wo es funktioniert. Auch wenn ich Div und css weg lasse ändert sich nichts. Da es bei Vergleichsseiten ja auch funktioniert scheine ich wohl Blind zu sein und den Fehler/Unterschied nicht zu sehen.

Beim IE beträgt der Abstand vom oberen Rand 15px, beim FF nur 8px.

#2 (**permalink**) 13-12-2006, 18:48

Zitat:

Original geschrieben von Godfrey
Ich habe es auch mit allen möglichen DOCTYPE's versucht

Das ist doch Unfug - mit Doctypes probiert man nicht wild herum, "so lange bis es passt" - sondern die Entscheidung, welchen Doctype man verwenden möchte trifft man, bevor man anfängt das HTML-Dokument zu erstellen.

Zitat:

Beim IE beträgt der Abstand vom oberen Rand 15px, beim FF nur 8px.

[ ] Wir kennen natürlich dein CSS
[ ] Wir sollen raten
[ ] Wir sollen dich in die Kategorie "zu !&%$, um eine Problembeschreibung mit allen relevanten Informationen zu posten" einordnen

#3 (**permalink**) 13-12-2006, 19:24

Zitat:

Original geschrieben von wahsaga
Das ist doch Unfug - mit Doctypes probiert man nicht wild herum, "so lange bis es passt" - sondern die Entscheidung, welchen Doctype man verwenden möchte trifft man, bevor man anfängt das HTML-Dokument zu erstellen.

Nun ja, da ich mich mit Doctype leider nicht so auskenne habe ich mir mal einiges im Internet zusammengesucht und darüber nachgelesen. Vor allem auch das hier Doctype. Danach habe ich mir einige Seiten angesehen und habe eine gefunden auf der es in beiden Browsern richtig ist. Und wenn ich die Abhandlung der verlinkten Page richtig deute sollte der Doctype, den ich jetzt verwende, eigentlich der beste sein. Es sollte auch nur eine Anmerkung sein, da ich vorher andere Doctypes verwendet habe.

Zitat:

Original geschrieben von wahsaga
[ ] Wir kennen natürlich dein CSS

Das habe ich ja in meinem Ursprungsposting beschrieben:

Zitat:

Original geschrieben von Godfrey
Auch wenn ich Div und css weg lasse ändert sich nichts.

Zitat:

Original geschrieben von wahsaga
[ ] Wir sollen raten

Die Fehlerbeschreibung sollte eindeutig sein. Aber um es vielleicht nochmal klarer hervorzuheben habe ich den Code noch weiter minimiert auf ein Grundgerüst ohne css:

PHP-Code:


			
<?xml version="1.0" encoding="UTF-8"?>

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

    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

        <meta http-equiv="Content-Language" content="de" />        

    </head>

    <body>

            Das ist ein Test<BR />

            1

    </body>

</html>

Aber ich kann Dir auch gerne noch das css dazu posten, dass wäre dann aber für den Code im oberen Posting:

PHP-Code:


			
body{

    font-family: Verdana, Arial, Helvetica, sans-serif;

    color: #333333;

    line-height: 1.166;    

    padding: 0px;

}



a:link, a:visited{

    color: #3366FF;

    text-decoration: none;

}



a:hover{

    color: #FF9900;

    text-decoration: none;

}



a:link img, a:visited img{

    color: #3366FF;

    text-decoration: none;

}



#mainbody

{

    border: 1px solid #3366FF;

    width: 100%;

}

Zitat:

Original geschrieben von wahsaga
[ ] Wir sollen dich in die Kategorie "zu !&%$, um eine Problembeschreibung mit allen relevanten Informationen zu posten" einordnen

In welche Kategorie Du mich einstufst berührt mich eigentlich in keiner Weise. Ich habe ein Problem, ich versuche Hilfe zu bekommen. Ich weiss bei diesem Problem im Moment nicht mal woran es liegen könnte, css, doctype oder was auch immer. Aber manchmal kommen mir Deine Anworten vor als wärst Du mit all dem Wissen schon geboren worden. Naja, ich stufe Dich dann mal in meine "Kategorisierung" ein.

Und vielleicht nochmal deutlicher meine Frage, wie oder wo kann ich diesen Unterschied beheben, im css, liegts am Doctype oder woran auch immer? Und ich will auch keine fertige Lösung, mir haben Hinweise bisher immer gereicht und wenns nur ein Link war wo ich etwas nachlesen kann.

#4 (**permalink**) 13-12-2006, 19:45

PHP-Code:


			
body

{

   margin: 0px;

   padding: 0px;

}

peter

#5 (**permalink**) 13-12-2006, 19:54

Danke @Kropff, das war der Fehler.

#6 (**permalink**) 13-12-2006, 22:03

Vollkommen überraschende Erkenntnis, dass die Browser ihre eigenen Default-Stylesheets zum Darstellen von HTML haben, hm?

Alles, wozu du keine explizite Angabe machst, ist dir egal.