Anmelden | Registrieren | FAQ
Anonymous

Firefox Inkompatibilität meiner Website

+ Antwort erstellen

4 Beiträge Seite 1 von 1


Firefox Inkompatibilität meiner Website

von jojohnson1 » So Okt 28, 2012 10:52 pm

Hallo zusammen, ich mache gerade die Website für eine Gaming Community und habe auch schon einige andere Projekte gehabt.

Allerdings kommt mir jetzt zum ersten mal der Fehler zu Händen, dass sich eine "Google-ähnliche" Menüleiste in Firefox nicht richtig anzeigen lässt, in GoogleChrome funktioniert sie allerdings einwandfrei. Der Link zu dieser Website ist http://osc.jojohnson1.bplaced.net. In Firefox resettet sich der Browserstandard nicht, ich möchte dass oben das Padding = 0 ist. Mein Code sieht so aus:

index.php:
Code: Alles auswählen
<!-- DOCTYPE HTML -->
<!--

    # #                         # # # # # # # #
    # #                       # # # # # # # # # #
    # #                     # # #
    # #                     # #
    # #                     # #
    # #                     # #
    # #                     # #
    # #                     # #
    # #                     # #
    # #                     # #
    # #                     # # #
    # # # # # # # # #         # # # # # # # # # #
    # # # # # # # # #           # # # # # # # #
   
        Copyright (c) 2012 Alle Rechte vorbehalten. | Copyright (c) 2012 All Rights reserved.
        Coded by jojohnson1
       
-->

<html>

<!-- Grundlegende Daten -->
<head>
    <title>LunCraft.eu</title>
    <link rel="stylesheet" type="text/css" href="style/main_stylesheet.css" />
    <link rel="icon"
        type="image/ico"
        href="style/img/lclogo.png" />
</head>

<!-- Ganzer Korpus der Seite -->
<body>
   
    <!-- Kopfzeile -->
    <div id="headline">
    <ul>
    <li><a href="">Startseite</a></li>
    <li><a href="rules">Regeln</a></li>
    <li><a href="team">Team</a></li>
    <li><a href="players">Spieler</a></li>
    <li><a href="support">Support</a></li>
    <li><a href="login">Login</a></li>
    </ul>
    </div>
   
    <!-- Begrüßung -->
   
    <div id="">
   
    </div>
   
</body>

</html>



stylesheet:
Code: Alles auswählen
body {
    padding: 0;
    margin: 0;
    font-family: Comic Sans MS;
}

#headline {
    height: 35px;
    background-repeat: repeat-y;
    background-color: #222;
}

#headline ul {
    list-style-type: none;
}

#headline ul li {
    margin: 5px;
    width: 100px;
    text-align: center;
    color: #FFF;
    float: left;
}

#headline ul li a {
    text-decoration: none;
    color: #FFF;
}

#headline ul li a:hover {
    text-decoration: none;
    color: #DBA901;   
}


Was ich gerne hätte ist dass die Menüleiste direkt am oberen Rand der Website ist, so wie sie in Chrome dargestellt wird.

Ich würde mich über Ideen freuen.
Benutzeravatar

jojohnson1

  • Beiträge: 4
  • Registriert: So Okt 28, 2012 10:41 pm

Re: Firefox Inkompatibilität meiner Website

von XainPro » Mo Okt 29, 2012 3:10 pm

Versuchen Sie diese css

Code: Alles auswählen
* {    padding: 0;
    margin: 0;
}

body {
    font-family: Comic Sans MS;
}

#headline {
    padding-top: 0;
    height: 35px;
    background-repeat: repeat-y;
    background-color: #222;
}

#headline ul {
    list-style-type: none;
}

#headline ul li {
    margin-left: 5px;
    width: 100px;
    text-align: center;
    color: #FFF;
    float: left;
}

#headline ul li a {
    text-decoration: none;
    color: #FFF;
}

#headline ul li a:hover {
    text-decoration: none;
    color: #DBA901;   
}
Benutzeravatar

XainPro

  • Beiträge: 3933
  • Registriert: Fr Feb 17, 2012 8:10 pm

Re: Firefox Inkompatibilität meiner Website

von jojohnson1 » Mo Okt 29, 2012 6:06 pm

Danke, es hat wunderbar funktioniert!
Benutzeravatar

jojohnson1

  • Beiträge: 4
  • Registriert: So Okt 28, 2012 10:41 pm

Re: Firefox Inkompatibilität meiner Website

von XainPro » Mi Okt 31, 2012 7:58 pm

Sie sind herzlich willkommen.
Viel Glück
Benutzeravatar

XainPro

  • Beiträge: 3933
  • Registriert: Fr Feb 17, 2012 8:10 pm


+ Antwort erstellen

Seite 1 von 1