Hannes Herbstlaub: Probleme mit Schriftgrößen auf verschiedenen Geräten

Beitrag lesen

habe ein Problem was die Schriftgröße betrifft, sobald mehr Text irgendwo enthalten ist.

Auf allen Seiten funktioniert es auch, wenn man sich die Webseite auf einem PC in einem Browser anguckt, sobald ich aufs Tablet wechsel oder auf das Smartphone, sind überall unterschiedliche Schriftgrößen zu sehen.

Jetzt mal abgesehen davon, dass dein HTML-Code nicht so wirklich dolle ist (Tabellenlayout, Gestaltung mit HTML-Attributen statt per CSS), hast du dein Problem nicht verständlich beschrieben.

Wo ist "überall"? Auf verschiedenen Geräten? Das haben die Geräte so an sich, die Anzeige am PC-Monitor hat andere Erfordernisse als jene auf einem winzigen Telefon. Dementsprechend kann auch die Basisschriftgröße variieren. Du solltest daran besser nichts ändern und grundsätzlich mit relativen Maßen arbeiten (du benutzt zum Beispiel korrekterweise Prozente).

Oder ist dein "überall" lediglich der Zweizeiler mit Bild, der nach dem Block mit dem "Das ist ein Testtext" folgt? Der Grund für diese Änderung geht aus dem Code, den du hier geliefert hast, nicht hervor. Der Code ist leider auch nicht vollständig. Ich kann nur vermuten, dass du noch irgendwo anders eine etwas ungeschickte Formulierung wie diese

body,td,th {
        font-size: 100%;
}

einsetzt. Hast du da statt der (unsinnigen, da Standardwert) Angabe 100% zum Beispiel 90% stehen, dann verringert sich die Größe im zweiten verschachtelten td auf nur noch 81% der Basisgröße (td erste Ebene = 90%, td zweite Ebene = 90% von td erste Ebene).

Den CSS-Selektor könntest du besser formulieren, dein Problem wäre aber in erster Linie, dass du Tabellenlayout mit verschachtelten Tabellen benutzt.

kann er das mal auf einem Smartphone oder Tablet testen?

Hättest du eine Adresse angegeben, hätte er das machen können.

Ich empfehle dir Firebug, damit kannst du das Verhalten deines Codes genau unter die Lupe nehmen.