XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Mozilla ignoriert externes css (http://xhtmlforum.de/showthread.php?t=36938)

DarkWanderer 21.09.2005 11:57

Mozilla ignoriert externes css
 
Hallo zusammen,

ich hoffe auf Eure Hilfe, bei einem Problem welches mir seit 2 Tagen den Kopf zerbricht:

Ich arbeite bei meinem projekt vom ersten Tage an mit einem externen css, was bisher auch immer problemlos funktionerte, bis zum Wochenende!

ich habe meine faehnroe.css erweitert, um DIV's und deren Inhalt zu formatieren, doch diese neuen Einträge werden von meinem Mozilla schlichtweg ignoriert!

-> Das faehnroe.css ist über w3c.org validiert und 100% in Onrdnung
-> Der Rest in dieser css Datei der die ganze Zeit schon drin stand wird problemlos angewendet
-> Pfade u.s.w. sind korrekt da der Rest in dieser css Datei ja Problemlos angewendet wird

Doch hier mal etwas mehr Informationen inkl. Beispiel dazu:

ich will folgendes DIV per css Formatieren:
Code:

<div id="char_def" class="char_def">
</div>

der Ausschnitt aus meiner css Datei dazu:
Code:

#char_def{
        position:absolute;
        top:20px;
        left:25px;
        z-index:1;
        margin-top:0px;
        padding-left:0px;
        width:285px;
        height:150px;
        border:1px solid black;
}

Dann der Inhalt des obigen DIV's:
Code:

  <p class="norm">Resistenz gegen physischen Schaden:
  <span class="fett"><? echo $tmp_equip_deff ; ?></span>
  </p>

und der CSS Code dazu:
Code:

.norm{
        background-color:transparent;
        color:#000000 ;
        font-weight:normal ;
        font-size:12px ;
        border-color:#000000;
}
.fett{
        font-weight:        bold;
}

sämtlicher hier geposteter css Code wird also komplett ignoriert und nicht angewendet.
So wird z.B. in .norm die Schrift auf schwarz gesetzt, ich sehe sie in grün.
Bei .fett wird die Schrit auf bold gesetzt, ich sehe sie normal u.s.w.

So ich hoffe ihr könnt mir bei meinem Problem weiterhelfen, es kostet mich schon den letzten Nerv. ich sehe sicher den ald vor lauter Bäumen mal wieder nicht, danke schonmal!

DarkWanderer

RoToRa 21.09.2005 13:25

Re: Mozilla ignoriert externes css
 
Da der Rest des CSS ja offenbar funktioniert und das CSS das du postest ok scheint mussst du schon mehr posten - am besten eine URL.

Übrigens das...

Zitat:

Code:


  <span class="fett"><? echo $tmp_equip_deff ; ?></span>

Code:

.fett{
        font-weight:        bold;
}


sieht nach einem perfekten Fall für [b] aus.

CSS benutzen heisst *nicht* das du ausser DIV und SPAN keine anderen Elemente verwenden darfst.

Robin

John 21.09.2005 15:21

Versuch's mal mit Bindestrichen anstatt Unterstrichen bei den Klassen und IDs: "char-def" statt "char_def". Die Unterstriche gehörten eine Zeit lang nicht zum Standard, wenn ich richtig informiert bin.

DarkWanderer 22.09.2005 10:35

Zitat:

Zitat von RoToRa
Da der Rest des CSS ja offenbar funktioniert und das CSS das du postest ok scheint mussst du schon mehr posten - am besten eine URL.

Was soll ich denn noch posten?

Zitat:

Zitat von John
Versuch's mal mit Bindestrichen anstatt Unterstrichen bei den Klassen und IDs: "char-def" statt "char_def". Die Unterstriche gehörten eine Zeit lang nicht zum Standard, wenn ich richtig informiert bin.

Die Unterstriche wurde komplett entfernt, kein Unterschied.

DarkWanderer

RoToRa 22.09.2005 10:48

Zitat:

Zitat von DarkWanderer
Zitat:

Zitat von RoToRa
Da der Rest des CSS ja offenbar funktioniert und das CSS das du postest ok scheint mussst du schon mehr posten - am besten eine URL.

Was soll ich denn noch posten?

Am besten ein URL!

Robin

andir 22.09.2005 10:49

Code:

<div id="char_def" class="char_def">
</div>

Nur als Beispiel. ID's dürfen pro HTML-Dokument nur einmal vorkommen.
Einer Klasse den gleichen Bezeichner zu geben, halte ich für unglücklich.
Änder den mal ab.

Zumindest der IE hat zusätzlich ( oder wars der Mozilla?) hat bei mehrfacher Erwähnung von
#bezeichner .bezeichner1 {...}
#bezeichner .bezeichner2 {...}

die letzteren ignoriert.
Dein code reiht nicht aus um das zu verifizieren.

Andere Möglichkeit: Leer mal den Browsercache :) und versuchs dann nochmal.

Es gibt noch eine Reihe weiterer Möglichkeiten, aber wie gesagt: Der Code reicht nicht aus :)

Biste bei indiablo in den Foren unterwegs? :mrgreen:

DarkWanderer 22.09.2005 11:09

Aaaalso *räusper*
Zitat:

Zitat von andir
Nur als Beispiel. ID's dürfen pro HTML-Dokument nur einmal vorkommen.
Einer Klasse den gleichen Bezeichner zu geben, halte ich für unglücklich.
Änder den mal ab.

Wurde auch schon geändert, war nicht die Ursache.
Sieht nun so aus:
Code:

<div id="1" class="chardef">
</div>

und das css dazu:
Code:

.chardef{
        position:                absolute;
        top:                        20px;
        left:                        25px;
        z-index:                1;
        margin-top:                0px;
        padding-left:        0px;
        width:                        285px;
        height:                        150px;
        border:                        1px solid black;
}

Resultat: bringt alles nix ;(

Zitat:

Zitat von RoToRa
Am besten ein URL!

Nun, ich kann dir die Url zum css anbieten:
http://www.faehnroe.de/images/faehnroe.css


Der Grund, warum ich eigentlich möchte, das möglichst alles in der externen css eingetragen wird ist einfach der, das man später durch den Einsatz einer eigenen css Datei die Darstellung nach eigenen Wünschen anpassen kann z.B: beim erstellen eigener Designs u.s.w.

Nicht zu vergessen auch die Tatsache, das der Internet Explorer alle Änderungen in der externen css Problemlos annimmt und auch darstellt, nur der Mozilla ignoriert sie!

DarkWanderer

DarkWanderer 22.09.2005 11:32

So, da bin ich wieder!

So also es funktioniert nun alles, es lag in der Tat daran, das ich im Mozilla einfach mal den Cache leeren musste!

Unglaublich aber wahr, nun stellt der Mozilla alles aus der externen css Datei genau so dar, wie er es soll.

Ich danke trotzdem für eure Hilfe, das Drama ist damit also endlich beendet.

Darky

andir 22.09.2005 11:34

;)

Na also.
Problem erkannt, Gefahr gebannt.

RoToRa 22.09.2005 11:39

Zitat:

Zitat von DarkWanderer
Code:

<div id="1" class="chardef">
</div>


Umm, IDs dürfen nicht mit einer Ziffer anfangen.


Da muss leider auch das HTML her, denn im Test-HTML, das ich probiert habe, ging es...

NB: Soll das auch im IE laufen? Der kann nämlich mehrfache Klassenselektoren wie
[code]
.tooltip2.head { ... }
[/code
nicht.]

Robin


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:15 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2022, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2022