Zur Boardunity Forenstartseite

Zurück   Boardunity & Video Forum » Technik » Programmierung und Datenbanken

Antwort
 
LinkBack Themen-Optionen Thema bewerten
  #1  
Alt 12.01.2004, 22:26
Benutzerbild von Jan Stöver
Boardunity Team
 
Registriert seit: 12.2003
Ort: Lübeck
Beiträge: 2.326

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?
  #2  
Alt 12.01.2004, 22:52
Mobile2Day
 
Registriert seit: 12.2001
Ort: München
Beiträge: 65
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>

__________________
Karl Förster
Webentwickler
mobile2day.de


mobile2day.de - Home of PDAs and Smartphones
  #3  
Alt 12.01.2004, 23:18
Benutzerbild von Jan Stöver
Boardunity Team
 
Registriert seit: 12.2003
Ort: Lübeck
Beiträge: 2.326
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 ...

  #4  
Alt 13.01.2004, 00:02
Benutzerbild von OrcaDesign
elitäre Pappnase
 
Registriert seit: 12.2003
Ort: "Berlin Nebenstelle", vor Köln
Beiträge: 150
Hallo !

... 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 )


... 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

__________________
Lars
~ Mein Haus, mein Auto, meine Yacht ~
  #5  
Alt 13.01.2004, 12:02
Benutzerbild von Jan Stöver
Boardunity Team
 
Registriert seit: 12.2003
Ort: Lübeck
Beiträge: 2.326
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!

  #6  
Alt 13.01.2004, 12:44
Benutzerbild von MrNase
Mitglied
 
Registriert seit: 06.2003
Ort: /
Beiträge: 2.639
Für Überschriften sind aber die Tags <h1>, <h2>,<h3> und <h4> gedacht

Also eigentlich
Code:
<td><h1 class="titel">Sonstiges<h1></td>

  #7  
Alt 13.01.2004, 12:55
Benutzerbild von OrcaDesign
elitäre Pappnase
 
Registriert seit: 12.2003
Ort: "Berlin Nebenstelle", vor Köln
Beiträge: 150
>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 ) 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 ... 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 .

__________________
Lars
~ Mein Haus, mein Auto, meine Yacht ~
  #8  
Alt 13.01.2004, 12:57
Benutzerbild von Jan Stöver
Boardunity Team
 
Registriert seit: 12.2003
Ort: Lübeck
Beiträge: 2.326
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 ...

Antwort


Stichworte
-


Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.
Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Problem beim Ändern von Beiträgen ...?! Jan Stöver Informationen, Anregungen und Kritik 4 24.03.2005 14:15
favicon.ico in vB3 und Mozilla Metro Man Forensoftware 8 03.11.2004 17:40
Problem mit dem phpBB 2.2-Installer rellek Forensoftware 2 25.02.2004 15:30
Mozilla vs. XHTML/CSS - Containerhilfe gesucht TRS Programmierung und Datenbanken 11 03.02.2004 15:29






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