Boardunity & Video Forum

Boardunity & Video Forum (https://boardunity.de/)
-   Programmierung und Datenbanken (https://boardunity.de/programmierung-datenbanken-f23.html)
-   -   CSS Problem bei Mozilla (https://boardunity.de/css-problem-mozilla-t1204.html)

Jan Stöver 12.01.2004 23:26

CSS Problem bei Mozilla
 
Halli Hallo!

Ich habe die Klasse .titel für Überschriften der einzelnen Navigationselemente und für die Überschrift von Artikeln und News ...

Bei IE und Opera klappt alles wunderbar ... bei Mozilla eigenartiger Weise leider nur bei den News und den Artikeln ... bei der Navigation klappt es nicht.

Der CSS Code ist folgender:

Code:

/* Überschrift Titel, News, Navigation */       
.titel{
        FONT-SIZE: 10px;
        color: #89796B;
        font-weight: bold;
        padding-left: 3px;
}

Eigentlich ja relativ einfach gehalten ... die Schriftart ist global auf Verdana definiert ... also soll hier einfach nur die Größe, die Farbe, der Stil (bold) und das left-padding definiert werden.

Bei der Navigation allerdings wird normal Verdana ohne Formatierungen ausgebeben.

Hier die Ausgabe der Überschrift:

Code:

<TR>
<TD>
       
<IMG SRC="../globalpics/navigation/sidebox_03.gif" WIDTH=15 HEIGHT=18 ALT="">

</TD>
               
<!-- #### NAVI TITEL #### -->
               
<TD width="102" height="18" bgcolor="#FFFFFF">
<font class="titel">Sonstiges</font>
</TD>

<!-- ### ENDE NAVI TITEL #### -->

<TD>

<IMG SRC="../globalpics/navigation/sidebox_05.gif" WIDTH=43 HEIGHT=18 ALT="">

</TD>
</TR>

Ehrlich gesagt verstehe ich nicht, was Mozilla an der Klasse nicht verstehen will?! ... hat jemand einen Rat?

worka 12.01.2004 23:52

Mhh ist das Standard, dass man <font class="title"> nimmt? Ist das Font-Tag nicht längst ausgemustert? Versuchs doch mal so:
Code:

<span class="title">Sonstiges</span>

Jan Stöver 13.01.2004 00:18

Will leider auch nicht funktionieren ... verstehe das nicht ... ist ja nun wirklich nichts besonderes ...

Es wäre nicht schlimm, die Navigation in der Hinsicht "hardcoded" zu gestalten ... dann klappt es ja auch ... und ändern müsste ich bei einem Änderungswunsch auch nur einmal, da sie includiert wird ... aber schöner wäre es schon über css ...

OrcaDesign 13.01.2004 01:02

Hallo Jannefant!

... oh, ich hab da schon einen Verdacht, warum Mozilla sich da scheinbar störrisch verhält - scheinbar deshalb, weil er an sich alles richtig macht und nur das interpretiert, was man ihm auch gibt.

Spätestens seit HTML4 ist es vorgeschrieben, alle Tags und Anweisungen klein zu schreiben, also statt TD td, etc. - dasselbe empfiehlt sich auch im CSS (also nicht FONT-SIZE), und noch schlimmer ist's, wenn man im CSS beispielsweise body schreibt und in der HTML-Datei dann BODY... schlimmer deshalb, weil das denn laut W3C-Norm zwei gänzlich verschiedene Tags wären (wobei die genormten wie gesagt alle klein geschrieben werden sollen).

... achso, der Font-Tag ist veraltet und soll am besten deshalb auch gar nicht mehr verwendet werden :)... auf span könnteste hier auch gut verzichten, weil:
Code:

<TD width="102" height="18" bgcolor="#FFFFFF">
<font class="titel">Sonstiges</font>
</TD>

wird entsprechend einfach zu
Code:

<td width="102" height="18" bgcolor="#FFFFFF" class="titel">Sonstiges
</td>

(mal abgesehen davon, daß der Font-Tag nicht dazu bestimmt war, dann per Klasse über CSS gesteuert zu werden :D)


... noch besser, wegen der Trennung von Inhalt und Darstellung (= strikt-Code), wäre:

Code:

.titel{
        font-size: 10px;
        color: #89796B;
        font-weight: bold;
        padding-left: 3px;
        width: 102px;
        height: 18px;
        background-color: #FFF;
}

in Verbindung mit
Code:

<td class="titel">Sonstiges</td>
Hoffe mal, Dir damit bei Deinem Problem weiterhelfen gekonnt zu haben :)...

Gruß,
Lars

Jan Stöver 13.01.2004 13:02

Das hat geholfen ... da habe ich dann ja aber eine ganze Menge zu tun ... aber ich lege zum Glück momentan keinen Wert auf 100% W3C ...

Ich bedanke mich!

MrNase 13.01.2004 13:44

Für Überschriften sind aber die Tags <h1>, <h2>,<h3> und <h4> gedacht :)

Also eigentlich
Code:

<td><h1 class="titel">Sonstiges<h1></td>

OrcaDesign 13.01.2004 13:55

>aber ich lege zum Glück momentan keinen Wert auf 100% W3C ...

...machen die wenigsten... sollte man aber als fauler (und das sind wir doch alle irgendwo :D) und vorausschauender Mensch, sofern Du XTHML-Seiten schreibst :)... denn diese werden, sofern der Browser diese auch wirklich als XML-Datei behandelt, nur angezeigt, wenn sie "well-formed" sind, sprich: fehlerfrei. Bei allem anderen gibt der Browser denn nur noch eine Fehlermeldung aus (lässt sich leicht ausprobieren: nimm mal eine XHTML-Datei, mach nen schönen Fehler rein, benenne sie in etwas mit .xml um und laß sie Dir dann von einem Browser wie Mozilla oder Opera "anzeigen"; bzw. IE6 geht auch)

Warum vorausschauenden und faul? Derzeit werden die meisten XHTML-Seiten einem noch vom Server als HTML-Applikation übermittelt, inbesondere dank eines IEs, der sich immer noch als unfähig erweist, endlich auch mal als accept-content .xhtml einzuführen :rolleyes:... nur irgendwann kommt der Tag, an dem das nicht mehr der Fall sein wird... und dann sehen alle Seiten, die nicht 100% sind, eben etwas "merkwürdig" aus, sprich: wie eine Fehlermeldung...
... und warum sich heute schon Arbeit und Streß für morgen zubereiten, wenn sich dieses leicht von vornherein vermeiden lässt :)... (transitional zu schreiben reicht ja auch schon aus für's erste)

Freut mich jedenfalls zu hören, daß mein Hinweis geholfen hat :).

Jan Stöver 13.01.2004 13:57

Das Wort "Überschrift" war meinerseits sicherlich falsch gewählt ... es geht um folgendes:


Navigation

[Rubrik] (titel)
- Link1
- Link2
...


News und Artikel

[tabelle]Newsrubrik (titel)[/tabelle]
[tabelle]Newsinhalt mit Überschrift und Text[/tabelle]

Es ist also keine allg. Überschrift gemeint ...


Alle Zeitangaben in WEZ +1. Es ist jetzt 11:32 Uhr.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25