Hallo. Ich habe eine Seite erstellt. Bei firefox siehts sie genau so aus wie ich es möchte , bei Opera und InternetExplorer jedoch etwas anders.
Gradiant
Bei der CSS-Datei habe ich folgendes eingefügt:
#mainmain{
width:1264px;
height:auto;
background: -moz-linear-gradient(top,#e2e2ff,#b4b4dd);
margin-left:-8px;
}
Das sollte ein Gradiant sein. Bei firefox ist das zu erkennen, bei den anderen nicht. Da ist die Fläche einfach weiss.
Navigationssysthem
Mein Navigationssysthem verschiebt sich zu weit nach links und zwischen dem ersten und dem zweiten Link ist margin:0; (sollte aber nicht sein).
#navigator{
width:1264px;
height:35px;
background-image:url(images/PS/BGnavi.png);
background-repeat:repeat-x;
margin-left:-8px;
background-color:#bfbff5;
}
#navigator li {
float:left;
list-style:none;
}
#li1{
margin-left:18%;
}(li1 ist den id von dem ersten li)
Footer
Mein Footer sieht auch anders aus.
Der Text ist zu weit nach links verschoben worden. Und zwischen dem ersten und dem zweiten link ist wieder margin:0; .
#footer{
background-image:url(images/FooterBG2.jpg);
background-repeat:repeat-x;
height:70px;
width:1264px;
margin-left:-8px;
}
#footer li {
float:left;
list-style:none;
margin-right:10px;
margin-top:20px;
}
#li2{
margin-left:55%;
} (li2 ist den id von dem ersten li)
Das ist die HTML-Datei, für Navigator siehts genau so aus:
Willkommen
Über Uns
Neues
Kontakt
So finden Sie Uns
Gästebuch
Also wie kriege ich das hin dass es bei allen Browser genau so aussieht wie bei Firefox?
Würde mich über eine Antwort sehr freuen.
Danke !
