CSS - Firefox Darstellung hakt

[Balu der Bär]

Moin,

ich wollt eigentlich grade nur ne Kleinigkeit an meiner Seite verändern, leider musste ich feststellen das mir Firefox wohl einen Strich durch die Rechung macht: Folgendes Problem. Zwei Links auf meiner Webseite sollen etwas kleiner dargestellt werden, mit 10 Pixeln. Kein Ding dacht ich mir, als habe ich mir einfach ne neue ID erstellt:

Code:

#little { font size: 10px }

Der Code der Links sieht dann so aus:

Code:

 [url="http://www.******.de/de/"]Deutsch [/url] | [url="http://www.**********.de/en/"]English[/url]

Im IE wird alles wie beabsichtigt dargestellt, im Firefox jedoch haben die beiden Links die selbe Schriftgröße wie die anderen. Hat da jemand ne Idee ?

Danke schonmal,

[mkinzler]

Hast du es schon als CSS-Klassendef versucht?

Code:

.little { font size: 10px;}

Code:

[url="http://www.******.de/de/"]Deutsch [/url] | [url="http://www.**********.de/en/"]English[/url]

[jim_raynor]

versuche es mal mit font-size

[EDatabaseError]

:gruebel: hat CSS nicht auch bei font-size so eigentschaften wie small, smaller...

[Dj_Base]

Hi!

du kannst schon mit der ID arbeiten, doch das muss dann so aussehen:

Code:

#little {font-size: 10px;}

mfg,
Dj_Base

[Balu der Bär]

@jim_raynor: Tatsache, es lag an dem fehlenden Bindestrich. :wall:

Vielen Dank ! :thumb:

[mkinzler]

class ist aber besser, da er ja mehrere Elemente hat und es ist sinnvoll mehrere Elemente mit der selben ID anzulegen.

[S2B]

Zitat:

Zitat von mkinzler

[...] und es ist sinnvoll mehrere Elemente mit der selben ID anzulegen.

*"nicht" hinzufüg* :wink:

[Balu der Bär]

Naja es sind ja nur 2 Elemente, und warum sollte es sinvoller sein eine Klasse zu nehmen ? :gruebel:

[BenjaminH]

Weil IDs einmalig seien sollen.
Wenn du das durch einen Validator laufen lässt, wird er dir mehrere Elemente mit derselben ID ankreiden.