newbe: ie firefox

hallo ihr da draussen habe mal wieder ein problem fire fox erkennt mir css datei nicht bzw schmeisst alles durch einander. ie 7 erkennt alles

sehr euch den schlamassel selber an.

www.koch-cateringservice.de
hoffe ihr könnt mir helfen
danke im voraus.

an bei die css datei

body { background-color:#793d11;
font-family:Arial,Verdana,sans-serif;
color:000000;
text-align:center; }

#seite { position:relactive;
width:982px;
height:750px;
text-align:left;
color:#ffffff;}

#titel { position:absolute;
font-size:22px;
width:980px;
height:auto;
margin:20px,0px,0px,0px;
padding:10px,5px,0px,10px;
background-color:793d11;
border:0px solid #000000;}

#head { position:absolute;
vertical-align:middle;
text-align:center;

font-size:18px;
color:#ffffff;
width:980px;
height:60;
margin:60px,0px,0px,0px;
padding:15px,5px,3px,10px;
background-color:c69c6d;
border:1px solid #000000;}
a:link, a:active, a:visited {color:#ffffff;}
a:hover {color:#793d11;}

#body{ position:absolute;
font-size:13px;
color:#ffffff;
width:790px;
height:600px;
margin:145px,0px,0px,0px;
padding:20px,145px,0px,145px;
background-color:c69c6d;
border:1px solid #000000;
text-align:center;}
.gross {font-size:16px;
color:#793d11;
}

#body-links{ position:absolute;
font-size:12px;
width:170px;
height:600px;
margin:145px,0px,0px,810px;
padding:10px,5px,10px,10px;
background-color:c69c6d;
border:1px solid #000000;}

.trenn { position:static;
width:500px;
height:10px;
margin:10px,0px,10px,0px;
border-bottom:6px solid #ffffff;
 }

.trenn2 { position:static;
width:100px;
height:10px;
margin:0px,0px,10px,0px;
border-bottom:6px solid #ffffff; }

.trenn { position:static;
width:500px;
height:10px;
margin:10px,2px,10px,0px;
border-bottom:6px solid #ffffff;
word-spacing: 2px;
 }
.text2 { font-size:15px;
padding:0px,10px,0px,0px;}
.gross2 {font-size:14px;
}

  1. @@newbe:

    hallo ihr da draussen habe mal wieder ein problem fire fox erkennt mir css datei nicht bzw schmeisst alles durch einander. ie 7 erkennt alles

    1. Fehler: Du entwickelst für den IE und testest dann mit anderen Browsern. Andersrum ist angesagt.

    2. Fehler: Du denkst, IE macht es richtig; andere Browser falsch. Andersrum ist es.

    3. Fehler: Du schickst den IE in den Quirks-Modus. Unbedingt vermeiden! [http://de.selfhtml.org/html/allgemein/grundgeruest.htm#dokumenttyp@title=SELFHTML, Jendryschik]

    www.koch-cateringservice.de

    Verweise einbinden.

    Live long and prosper,
    Gunnar

    --
    Das einzige Mittel, den Irrtum zu vermeiden, ist die Unwissenheit. (Jean-Jacques Rousseau)
  2. "Alle" Browser bis auf den IE zeigen die Seite nicht so an, wie du es wünschst.

    Also kannst du davon ausgehen das der Fehler nicht beim Firefox, sondern bei deiner Seite liegt. Weder die HTML- , noch die CSS-Datei sind valide.

  3. Hallo,

    sehr euch den schlamassel selber an.

    ja, dann machen wir das doch mal:

    body { background-color:#793d11;
    font-family:Arial,Verdana,sans-serif;
    color:000000;

    Ungültige Farbangabe, Deklaration wird ignoriert.

    #seite { position:relactive;

    Ungültiger Wert für position, Deklaration wird ignoriert.

    margin:20px,0px,0px,0px;
    padding:10px,5px,0px,10px;

    Ungültiger Wert für margin und padding, Deklaration wird ignoriert.
    Mehrere Werte werden nicht durch Komma, sondern durch Leerzeichen getrennt.

    background-color:793d11;

    Ungültige Farbangabe, Deklaration wird ignoriert.

    #head { position:absolute;
    height:60;

    Ungültiger Wert für height, Deklaration wird ignoriert.

    margin:60px,0px,0px,0px;
    padding:15px,5px,3px,10px;

    Siehe oben.

    background-color:c69c6d;

    Ungültige Farbangabe, Deklaration wird ignoriert.

    #body{ position:absolute;
    margin:145px,0px,0px,0px;
    padding:20px,145px,0px,145px;

    Siehe oben.

    background-color:c69c6d;

    Ungültige Farbangabe, Deklaration wird ignoriert.

    #body-links{ position:absolute;
    margin:145px,0px,0px,810px;
    padding:10px,5px,10px,10px;

    Siehe oben.

    background-color:c69c6d;
    border:1px solid #000000;}

    Ungültige Farbangabe, Deklaration wird ignoriert.

    .trenn { position:static;

    static ist Defaultwert für position, kannst du also weglassen.

    Bei so einer Menge von Fehlern nimmst du es dem Firefox noch übel, dass er nicht mehr versteht, was du willst? Ich bewundere eher den IE, dass er aus diesem Kauderwelsch noch etwas halbwegs Sinnvolles machen kann.

    So long,
     Martin

    --
    Realität ist eine Illusion, die durch Unterversorgung des Körpers mit Alkohol entstehen kann.