Problem mit Schriftgröße in Tabellen
 

Auf der Webseite (temporär dort abgelegt)
http://www.matthiaspospiech.de/kontakt/
sind Tabellen immer zu klein

wenn ich jedoch font-size auf 100% setzte ist die Schrift in der Tabelle größer als der Text.

Matthias

Hallo,

mach es mit em, ist auch eine relative Größe und kannst es anstatt der Prozente nehmen, ausserdem setze im body-tag die Schriftgröße aus

font-size:101%;

ist für Opera besonders wichtig.

Und du hast für table, tr und td die Schriftgröße auf 90% gesetzt.
Da td ein Kindelement von tr ist und tr eines von table und die Schriftgröße vererbt wird, ergibt sich für das td eine berechnete Schriftgröße von 90% von 90% von 90% = 73%.

Gruß
Thomas

Das wars. Danke!

Tschuldigung - das war leider doch nicht die Lösung, ich hab vergessen im IE nachzuschauen.
Jetzt habe ich font-size auf 100% gesetzt, was überall richtig aussieht, bis auf den IE 5.0.


Code:
Die Schrift ist vieel zu groß! Siehe dazu den screenshot. Ist vom IE 5.0
http://www.matthiaspospiech.de/Bildschirmphoto42.png

Ist ein hack notwendig ??

Matthias

hi,

stelle die body font size auf 101 %

und dann versuche die anderen Größen in em anzugeben,
für hyperlinks benutze ich meistens 0.8 em, kleiner sollte sie auf keinen Fall sein, und beachte das Elternelement klarerweise.

gibt es einen zwingenden Grund für den Rest em zu verwenden ?

body hatte ich kleiner gestellt, weil 100% mir zu groß war.

Matthias

Lässt sich schwer logisch erklären, bei der Berechnung von Schriftgrößen gleitet es schnell ins esoterische ab. Obwohl font-size: .9em; in der Theorie das gleiche sind wie font-size: 90%;, ist das in der Praxis leider nicht so.
Kurz: sicherste Methode mit relativen Schriftgrößen: Prozentangabe beim Body, wie starleos schon gesagt hat, rest in EM. Der authoritative Link hierzu: http://www.thenoodleincident.com/tutorials/typography/

Im BODY 100% zu verwenden hat den folgenden Hintergrund :arrow:

Somit wird der IE davon abgehalten, im [SCHRIFTGRAD/SEHR GROß]
die Schriftgröße übergroß darzustellen.


Im BODY 101% zu verwenden hat den folgenden Hintergrund :arrow:

Um einen BUG im Opera6 zu 'hacken'. Für die anderen BROWSER wirkt sich dies nur sehr gering aus, - angeblich :!: Ich mache es nicht, weil andere Erfahrungen.


line-heigh: 100% :arrow: ist die Höhe einer Zeile bezogen auf die errechnete / angegebene font-size. [100% = DEFAULT]

VORSICHT :arrow: font-size wird vererbt, bei relativen Angaben kommt man schnell mal in math. Irsinn.

Ich habe es mit 101% mal ausprobiert. Das hatte aber zur Folge, das alle anderen Sachen viel zu groß dargestellt wurden. Somit habe ich alle Elemente mit einem font-size belegen müssen. Am Ende hatte ich mehr Probleme als vorher.
Also habe ich wieder auf body: 80% zurückgestellt.

Ehrlich gesagt finde ich die Einstellung der Fontgröße bei CSS so mehr als unglücklich gelöst. Alles was ich will, ist das _alle_ Elemente (bis auf h1, h2, h3) mit ein und der selben Größe dargestellt werden.
Das scheint aber mehr als problematisch zu sein.

Matthias