[phpBB2]Schrift ohne Größenangabe wird kleiner als solche mit "small" angezeigt

Ich weiß, der Titel ist verwirrend, aber mir fiel kein besserer ein, welcher nicht zu lange ist

Es geht darum, dass wenn ich das Forum am iPod touch 4G Aufrufe, die Schrift in der "Nachricht auf der Startseite" nicht in der gewollten Größe dargestellt wird.
Screenshot:

Wie man sieht, ist der lange Text in Fettschrift größer als die ebenfalls Fette Überschrift - dabei steht der lange Text zwischen diesen Tags:

Code:

<span style="font-size:small"></span>

, die Überschrift hingegen nicht (diese steht nur zwischen center- und b-Tags). Wieso wird dann die Überschrift "Herzlich Willkommen" kleiner angezeigt, als der Text, dessen Schriftgröße "small" ist?

Hallo,

das passiert, weil du du einerseits mit einem nicht fixen, etwas veralteten Wert arbeitest und du andererseits einen User Agent verwendest, für den das Forum nicht optimiert ist.

Grundsätzlich hängt es vom jeweiligen Browser und User Agent ab, wie Angaben wie "small" berechnet werden und wie ansonsten unformatierte Texte im Verhältnis dazu angezeigt werden.
Empfehlenswert ist es daher immer, durchwegs mit fixen Einheiten zu arbeiten (px oder em bei Schrift) und nicht nur Einzelbereiche, sondern den gesamten Inhalt entsprechend zu formatieren. Dadurch kannst du genau solchen, unter bestimmten Umständen ungünstigen Anzeigen vorbeugen.

Liebe Grüße
Günther

Ich habe ja genau den Bereich formatiert, der formatiert werden soll Im Firefox war die Schrift ohne Größenangabe zu groß, daher gab ich die Gröśenangabe "small" verwendet, und jetzt ist die Größe Ideal.

Auch unter FF17 wird die Überschrift "Herzlich Willkommen" viel Zicklein angezeigt

Ich verstehe das nicht...
Oder hat die Größe der Übrrschrft damit zu tun, dass ich die Höhe der Tabellenzeile, in der die Überschrift steht, mit 25px festgelegt habe? (<td height="25px">)

Jetz muss ich erstmal Cello üben, bevor ic hier weiter machen kann

So ganz hast du noch nicht verstanden, was ich dir damit sagen wollte.

Punkt 1, das "Durchformatieren" des gesamten Bereichs:

Mariofan13 schrieb:Ich habe ja genau den Bereich formatiert, der formatiert werden soll
...
Auch unter FF17 wird die Überschrift "Herzlich Willkommen" viel Zicklein angezeigt

Das klingt für mich aber nicht so, als ob du alle Bereiche formatiert hättest, die formatiert werden sollen. Wenn dir die Überschrift zu klein erscheint, dann solltest du diese schon auch formatieren.

Punkt 2, das Verwenden des Wertes "small": Wie gesagt hängt es von jeweiligen User Agent und Browser ab, wie solche Werte berechnet werden. Da "small" und seine Gegenstücke wie "medium" also bei jedem Benutzer recht stark abweichen können und mittlerweile etwas veraltet sind, solltest du, wie gesagt, nur mit greifbareren Einheiten (px, em) arbeiten.

In diesem speziellen Fall bedeutet das: Dieser Text inkl. der Überschrift wird durch das Standard-Stylesheet deines Forums von der Klasse "gensmall" angesprochen, der eine Größe von 10px zugeordnet ist. Deshalb bleibt die Überschrift auch in dieser Größe, solange du sie nicht selbst formatierst.
Beim unteren Textblock hast du mit der Angabe "small" gearbeitet, die wie gesagt sehr suboptimal ist und sich deshalb nicht stimmig auswirkt.

Die Lösung lautet also, dass du alle Bereiche passend formatierst und dabei sinnvollere Einheiten (Pixel) verwendest. Dann kannst du diesem Bereich ein Gesamtkonzept zuweisen und erhältst auch ein schönes Ergebnis. Genau das hatte ich dir aber schon in wenigen Worten mitzuteilen versucht.

Günther schrieb:Empfehlenswert ist es daher immer, durchwegs mit fixen Einheiten zu arbeiten (px oder em bei Schrift) und nicht nur Einzelbereiche, sondern den gesamten Inhalt entsprechend zu formatieren.

Bei gelungenem Webdesign musst du gedanklich immer vom Gesamtkonzept ins Detail gehen und nicht direkt bei einem Einzelbereich beginnen.

Welchen Pixel-/ Em-werten entsprechen denn die Größen der Kategorieüberschriften und des Textes, der momentan als "small" definiert ist?

Mich wundert auch, dass die Überschrift "Herzlich Willkommen" kleiner ist als die anderen Überschriften...

Mariofan13 schrieb:Welchen Pixel-/ Em-werten entsprechen denn die Größen der Kategorieüberschriften und des Textes, der momentan als "small" definiert ist?

Günther schrieb:Punkt 2, das Verwenden des Wertes "small": Wie gesagt hängt es von jeweiligen User Agent und Browser ab, wie solche Werte berechnet werden. Da "small" und seine Gegenstücke wie "medium" also bei jedem Benutzer recht stark abweichen können und mittlerweile etwas veraltet sind, solltest du, wie gesagt, nur mit greifbareren Einheiten (px, em) arbeiten.

In diesem speziellen Fall bedeutet das: Dieser Text inkl. der Überschrift wird durch das Standard-Stylesheet deines Forums von der Klasse "gensmall" angesprochen, der eine Größe von 10px zugeordnet ist. Deshalb bleibt die Überschrift auch in dieser Größe, solange du sie nicht selbst formatierst.

Mariofan13 schrieb:Mich wundert auch, dass die Überschrift "Herzlich Willkommen" kleiner ist als die anderen Überschriften...

Das wundert mich nicht. Die anderen Überschriften, z.B. "Die neuesten Themen", sind der Klasse "genmed" zugeordnet und die Überschrift "Herzlich Willkommen!" der Klasse "gensmall". Wenn du dich mal genauer mit Firebug in deinem Forum umsiehst, kannst du solche Zuweisungen schnell herausfinden.

Ich denke, dass ich dir dazu nun genügend Tipps gegeben habe, sodass du selbst damit arbeiten kannst, oder?

Das Problem ist, dass ich derzeit keinen Zugang zu meinem Laptop mit Firefox und -Bug habe
Am iPod kann ich die Pixelwerte einsetzen, wenn ich sie wüsste, aber die Zuweisungen kann ich so nicht herausfinden

Dann wäre es natürlich besser, wenn du mit solchen Arbeiten abwartest, bis du wieder einen besseren Arbeitsplatz zur Verfügung hast.
Aber zu wissen gibt es dort doch nicht besonders viel: Dass die aktuelle Class der Überschrift, "gensmall", 10 px besitzt, habe ich dir ja schon mehrfach gesagt. Zur Orientierung besitzen die anderen Überschriften der Class "genmed" 12px.
Ansonsten musst du doch nur mal verschiedene Pixelwerte einsetzen und dir das Ergebnis ansehen. Das bekommst du schon hin.

Sind deine Fragen nun beantwortet?

Ja, sind sie

Ein paar Html-Tags am Touchscreen zu tippen ist für mich nicht schlimm (das JavaScript hatte ic schon früher in die Nachricht auf der Startseite gesetzt)

Schön, dass ich dir helfen konnte.
-done-