Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 14

Thema: CSS wird in Firefox nicht dargestellt

  1. #1
    HTML Newbie
    Registriert seit
    04.06.2011
    Beiträge
    5
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard CSS wird in Firefox nicht dargestellt

    Hallo Profis!
    Ich bin absolut amateurin und bastle als "hobby". Ich will für eine Sportveranstaltung eine Website erstellen. Sieht in iex tip top aus, aber das CSS wird in Firefox nicht angezeigt. Wie kann ich das Problem beheben? Hier noch die CSS Codes:
    Ich bin um jeder Tipp super dankbar! Vielen Dank. Chantal


    HTML-Code:
    /* CSS Document */
    html, body {
     height:100%
    }
    body {
     text-align:center;
     background-color:#dcdcdc;
     margin:0px;
     padding:0px;
     font-family:Arial, Helvetica, sans-serif;
     font-size:11px;
     color:#0e3f6d;
    }
    h2 {
     margin:0px;
     padding:0px;
     line-height:15px;
     color:#1e88e8;
     font-size:12px;
     font-weight:bold;
     background-image:
     background-repeat:no-repeat;
     padding-left:20px;
    }
    a {
     color:#0e3f6d;
     text-decoration:none;
    }
    a:hover {
     color:#0e3f6d;
     text-decoration:underline;
    }
    /* Classes */
    div.inlay {
     margin:26px;
    }
    div.inlay2 {
     margin:20px;
    }
    div.welcomebox {
     width:605px;
     height:142px;
     background-color:#1e88e8;
     color:#ffffff;
     background-image:url('img/bg_welcomebox2.jpg');
     background-repeat:no-repeat;
     background-position:top left;
     margin-bottom:20px;
    }
    div.welcomebox p {
     margin-top:10px;
     margin-bottom:0px;
     margin-left:80px;
    }
    img.right {
     margin-left:10px;
    }
    div.welcomebox h1 {
     margin:0px;
     padding:0px;
     font-family:Arial, Helvetica, sans-serif;
     font-size:11px;
     color:#ffffff;
     font-weight:bold;
     padding-top:10px;
     margin-left:80px;
    }
    div.teaserbox {
     float:left;
     width:302px;
     height:250px;
    }
    div.teaserbox2 {
     float:left;
     width:600px;
    }
    div.teaserbox p, div.teaserbox2 p {
     margin-left:20px;
    }
    div.sep {
     border-bottom:1px dotted #6eb2f0;
     color:#ffffff;
     margin:10px;
    }
    /* IDs */
    #wrapper {
     text-align:left;
     width:956px;
     margin:0 auto;
     height:100%;
     background-image:url('img/bg_wrapper.jpg');
    }
    #uphead {
     float:left;
     width:956px;
     height:30px;
     background-image:url('img/bg_uphead2.jpg');
    }
    #head {
     float:left;
     width:956px;
     height:161px;
    }
    #logobox {
     float:left;
     width:295px;
     height:161px;
     background-image:url('img/bg_logo1.jpg');
    }
    #logobox img {
     padding:0px;
     border:0;
     margin-left:28px;
    }
    #logobox h1 {
     margin:0px;
     padding:0px;
     margin-right:10px;
     font-family: Tahoma, sans-serif;
     font-size:48px;
     color:#0e3f6d;
     font-weight:normal;
     text-align:right;
    }
    #logobox h4 {
     margin:0px;
     padding:0px;
     margin-right:10px;
     margin-top:-10px;
     font-family: Tahoma, sans-serif;
     font-size:15px;
     color:#0e3f6d;
     font-weight:bold;
     text-align:right;
    }
    #topnavi {
     float:left;
     width:956px;
     height:42px;
     background-image:url('img/bg_topnavi1.jpg');
    }
    #topnavi ul {
     margin:0px;
     padding:0px;
     margin-left:50px;
     list-style-type:none;
    }
    #topnavi ul li {
     float:left;
     margin-top:6px;
     height:25px;
     background-image:url('img/topnavi_norm1.jpg');
     margin-left:4px;
    }
    #topnavi ul li.select {
     float:left;
     margin-top:6px;
     height:25px;
     background-image:url('img/topnavi_select.jpg');
     margin-left:4px;
    }
    #topnavi ul li a {
     display:block;
     color:#ffffff;
     font-weight:bold;
     font-family:Arial, sans-serif;
     font-size:12px;
     text-decoration:none;
     padding-left:30px;
     padding-right:30px;
     line-height:25px;
    }
    #topnavi ul li a:hover {
     display:block;
     color:#ffffff;
     font-weight:bold;
     font-family:Arial, sans-serif;
     font-size:12px;
     text-decoration:underline;
     padding-left:30px;
     padding-right:30px;
     line-height:25px;
    }
    #topnavi ul li.select a {
     display:block;
     color:#0e3f6d;
     font-weight:bold;
     font-family:Arial, sans-serif;
     font-size:12px;
     text-decoration:none;
     padding-left:30px;
     padding-right:30px;
     line-height:25px;
    }
    #topnavi ul li.select a:hover {
     display:block;
     color:#0e3f6d;
     font-weight:bold;
     font-family:Arial, sans-serif;
     font-size:12px;
     text-decoration:underline;
     padding-left:30px;
     padding-right:30px;
     line-height:25px;
    }
    #contentbody {
     float:left;
     width:956px;
     background-image:url('img/bg_contentbody.jpg');
    }
    #contentbox {
     float:left;
     width:660px;
    }
    #rightbox {
     float:left;
     width:296px;
     padding-bottom:20px;
    }
    #rightbox h3 {
     margin:0px;
     padding:0px;
     background-image:url('img/bg_h3.jpg');
     height:24px;
     color:#0e3f6d;
     font-size:11px;
     font-weight:bold;
     line-height:24px;
     font-family:Arial, Helvetica, sans-serif;
     padding-left:40px;
    }
    #rightbox ul {
     margin:0px;
     padding:0px;
     list-style-type:none;
     background-color:#ACDFFC;
     width:204px;
     padding-top:20px;
     padding-bottom:20px;
     margin-bottom:20px;
     margin-left:20px;
    }
     
    #rightbox ul li a {
     display:block;
     line-height:26px;
     color:#3a96fc;
     font-family:Arial, Helvetica, sans-serif;
     font-size:11px;
     font-weight:bold;
     padding-left:20px;
     padding-right:20px;
     text-decoration:none;
    }
    #rightbox ul li a:hover {
     display:block;
     line-height:26px;
     color:#3a96fc;
     font-family:Arial, Helvetica, sans-serif;
     font-size:11px;
     font-weight:bold;
     padding-left:20px;
     padding-right:20px;
     text-decoration:underline;
    }
    #rightbox ul li.select a {
     display:block;
     line-height:26px;
     color:#0e3f6d;
     font-family:Arial, Helvetica, sans-serif;
     font-size:11px;
     font-weight:bold;
     padding-left:20px;
     padding-right:20px;
     text-decoration:none;
    }
    #rightbox ul li.select a:hover {
     display:block;
     line-height:26px;
     color:#0e3f6d;
     font-family:Arial, Helvetica, sans-serif;
     font-size:11px;
     font-weight:bold;
     padding-left:20px;
     padding-right:20px;
     text-decoration:underline;
    }
    #rightbox p {
     padding-left:30px;
     padding-right:80px;
    }
    #footer {
     float:left;
     width:956px;
     height:60px;
     margin-bottom:20px;
     background-image:url('img/bg_footer.jpg');
     text-align:center;
     line-height:45px;
     color:#ffffff;
    }
    #footer a {
     color:#ffffff;
     text-decoration:none;
    }
    #footer a:hover {
     color:#ffffff;
     text-decoration:none;
    }
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Großmeister(in)
    Registriert seit
    04.08.2009
    Beiträge
    570
    Danke
    0
    Bekam 66 mal "Danke" in 64 Postings

    Standard AW: CSS wird in Firefox nicht dargestellt

    Hallo,

    wenn das CSS gar nicht angezeigt wird, hilft der Inhalt der CSS-Datei wenig.

    Entweder wurde die Seite aus dem Cache geladen (mehrmals F5 drücken) oder die Pfadangabe stimmt nicht. Mit den bisherigen Informationen kann man aber nur raten.

    Beliebte Fehler bei Pfad- und Dateinamen sind:

    • Groß-/Kleinschreibung nicht beachtet
    • Leerzeichen
    • Sonderzeichen
    • Umlaute


    Deshalb sollten nur die Buchstaben (und am besten nur die kleinen) des englischen Alphabets sowie der Unterstrich genommen werden.

    Gruss

    MrMurphy

  3. #3
    Youngster
    Registriert seit
    29.05.2011
    Beiträge
    15
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: CSS wird in Firefox nicht dargestellt

    strg+f5 wenn schon - klappt auch immer beim ersten mal xD ein weitere fehler ist oftmals schlicht der falsche pfad zur css. daher den link zur css datei bitte immer mit / angeben. das / symbolisiert den root ordner, von dort aus schreibst du dann den pfad rein. ansonsten geb uns doch mal bitte einen link zu der seite oder poste den head-block. ps: kennst du den unterschied zwischen id und class bei html/css? jede id darf laut standard nur einmalig benutzt werden, klassen hingegen beliebig oft. also ersetze bitte solchen code
    Code:
     #footer a { color:#ffffff; text-decoration:none; } #footer a:hover { color:#ffffff; text-decoration:none; }
    durch solchen
    Code:
     a.footer, a.footer:hover { color:#ffffff; text-decoration:none; }
    das ganze wird dann anstelle von <a href* id=*> mit <a href* class&quot;footer&quot;> in html geschrieben.
    Geändert von imRa (04.06.2011 um 12:34 Uhr)

  4. #4
    Kaiser(in)
    Registriert seit
    29.03.2009
    Ort
    1011 1111 1011 WorldWideWeb
    Beiträge
    2.439
    Danke
    2
    Bekam 6 mal "Danke" in 6 Postings

    Standard AW: CSS wird in Firefox nicht dargestellt

    Habt ihr nich gelesen?
    Zitat Zitat von cahntal
    Sieht in iex tip top aus,
    D.h, der IE grifft auf das Sylesheet zu. Es kann sein, dass du im HTML-Code vergessen hast, ein type-Attribut hibnzuzufügen. Wenn das nicht text/css ist, laden es die Gecko-Browser (Firefox, Opera, Netscape) nicht.
    Andernfalls kann es sein, dass du die datei einfach mal in .txt umbenennen musst und dann wieder turück in .css, das hat bei mir schon wunder gewirkt.
    Der, der weiß dass er nichts weiß, weiß mehr als der, der nicht weiß, dass er nichts weiß.
    Wer nach etwas fragt, geht grundsätzlich das Risiko ein, es auch zu bekommen!

  5. #5
    König(in)
    Registriert seit
    07.02.2009
    Ort
    Leipzig
    Beiträge
    1.391
    Danke
    2
    Bekam 21 mal "Danke" in 20 Postings

    Standard AW: CSS wird in Firefox nicht dargestellt

    Oder die eingebundene CSS-Datei wird mit einem falschen Content-type ausgeliefert. Der IE verarbeitet das oft anders als andere Browser.

  6. #6
    Youngster
    Registriert seit
    29.05.2011
    Beiträge
    15
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: CSS wird in Firefox nicht dargestellt

    sry aber was du schreibst stimm so einfach nicht...ein
    Code:
    <link rel="stylesheet" href="test.css">
    ist voellig ausreichend und valid. jegliche fehlinterpretation seitens des browsers waere demnach ein programmierungsfehler dessen! ein umbenennen der datei kann auch kein wunder bewirken, es ist dem browser schlichtweg egal wie oft du von datei x die endung hin und her aenderst -es sei denn er cashed nicht oder nur falsch, allerdings waere dann noch immer ein strg+f5 schneller und effektiver. abgesehen davon waren die vier angesprochene von murphy lediglich ein hinweis auf gerne begangene fehler, meiner diente nur zur ergaenzung.
    Geändert von imRa (04.06.2011 um 15:20 Uhr)

  7. #7
    HTML Newbie
    Themenstarter

    Registriert seit
    04.06.2011
    Beiträge
    5
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: CSS wird in Firefox nicht dargestellt

    Vielen Dank allerseits für die Tipps.
    Der link auf die CSS-Sheet sieht so aus:

    <style type="text/css" media="all">
    @import "global.css";
    </style>

    Soll ich hier etwas ändern?
    Ctrl + F5 hat gar nichts gebracht

  8. #8
    Kaiser(in)
    Registriert seit
    29.03.2009
    Ort
    1011 1111 1011 WorldWideWeb
    Beiträge
    2.439
    Danke
    2
    Bekam 6 mal "Danke" in 6 Postings

    Standard AW: CSS wird in Firefox nicht dargestellt

    ja. Schreib
    Code:
    <link href="global.css" rel="stylesheet" type="text/css" media="screen">
    Der, der weiß dass er nichts weiß, weiß mehr als der, der nicht weiß, dass er nichts weiß.
    Wer nach etwas fragt, geht grundsätzlich das Risiko ein, es auch zu bekommen!

  9. #9
    HTML Newbie
    Themenstarter

    Registriert seit
    04.06.2011
    Beiträge
    5
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: CSS wird in Firefox nicht dargestellt

    Mmmh... leider hat es nichts geändert

    Hier noch der Link zur Website

    http://www.womensmasters.ch/2011/index.html

  10. #10
    Youngster
    Registriert seit
    29.05.2011
    Beiträge
    15
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: CSS wird in Firefox nicht dargestellt

    hi, kein wunder das du probleme hast. dein link tur csss datei zeigt auf eine lokale windowsdatei. bitte aender folgende zeile
    Code:
    <link href="file:///C|/Users/Laurence%20Bidaud/Documents/Website%20Women%27s%20Masters/2011/global.css" rel="stylesheet" type="text/css" media="screen">
    folgendermassen um
    Code:
    <link rel="stylesheet" href="/2011/global.css">
    wenn du willst kannst du den type mit angeben, dies ist allerdings nicht notwendig.

    bitte passe noch deine ganzen links nach dem gleichen prinzip an, denn auch dort hast du lokale links gesetzt.

Ähnliche Themen

  1. Tabelle wird im Firefox nicht dargestellt (CSS)
    Von WinniPuh im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 21.09.2008, 13:14
  2. Website wird online nicht dargestellt
    Von 00eraser00 im Forum HTML & CSS Forum
    Antworten: 12
    Letzter Beitrag: 13.08.2007, 13:04
  3. Homepage wird im iE nicht richtig dargestellt
    Von Thommes im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 02.03.2007, 00:35
  4. Seite wird mit IE nicht dargestellt, Opera & Firefox sch
    Von Bullfrogman im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 28.04.2005, 12:31
  5. HIIILLLLFFFEEEE!!! HP wird nicht richtig dargestellt!
    Von Toschi. im Forum HTML & CSS Forum
    Antworten: 15
    Letzter Beitrag: 29.02.2004, 17:37

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •