media queries staffeln

[fozzyozzy]

Hallo Matthias. Danke für deine Antwort. Das Beispiel was du mir schriebst hat ja auch schon Matthias Scharwies hier geschrieben und so habe ich es ja auch angewendet. Mir kommt es drauf an nicht die Farbe zu ändern sondern die Textgröße bei den Viewport aber eben nur speziell für eine Fußballtabelle.

Noch einmal zum Aufbau:

Im html-code steht folgendes:

<div id="table_leaque" style="<!--Style-->">
  <div id="liga_tabelle">
    <div id="platzierung"><p><!--Platz--></p></div>
    <div id="teambild"><!--TeamBild--></div>
    <div id="teamname"><p class="typoklein"><acronym title="(<!--TeamLang-->)(<--Team-->)"><!--TeamLang--></acronym></p></div>
    <div id="tordifferenz"><p><!--Tordifferenz--></p></div>
    <div id="punkte"><p><!--Punkte--></p></div>
  </div>
</div>

In der CSS habe ich die DIV#CONTAINER außerhalb der Media-Queries definiert jeweils mit einer Breitenangabe in Prozent. Das funktioniert in der Darstellung bei den den jeweiligen Viewports auch ohne Probleme. Die Klasse .typoklein habe ich dann in den jeweiligen Media-Queries (320, 375, 414, 480, 568, 600, 667, 736, 768, 800, 1024, 1280) definiert nur es wird immer der Wert der Schriftgöße des Media-Queries 320 ausgegeben selbst dann wenn ich jeweils ein !important zuweise.