Maximalbreite von «p»...«/p» definieren

[Carsten]

Hallo Utz,

Vielleicht geht folgendes:

Binde zuerst dein normales style-sheet ein(smallscreen.css). (Fest)
Wenn dann ein User mit grossem Bildschirm und Javascript kommt, wird
dynamisch ein weiters Stylesheet eingebunden. Das braucht eigentlich nur
noch die Grössenangaben für das <p> ergänzen.

Also nicht:
<script type="text/javascript">
  if(screen.width < 800)
    document.writeln('<link rel=stylesheet href="smallscreen.css" type="text/css">');
  else
    document.writeln('<link rel=stylesheet href="bigscreen.css" type ="text/css">');
</script>

sondern:

<link rel=stylesheet href="smallscreen.css" type="text/css">

<script>
    if(screen.width >= 800)
      document.writeln('<link rel=stylesheet href="bigscreen.css" type ="text/css">');
  </script>

Sozusagen nicht
  p {font-family:sans-serif; width:70%;}  // bigscreen.css
sondern
  p {font-family:sans-serif; }  //smallscreen.css
  p {width:70%;}  // Ergänzung aus bigscreen.css

So richtig legal bleibt das aber leider nur wenn du keine Werte _um_definieren
must.

Also wenn da sowas bei rauskommen würde:
  p {font-family:sans-serif; width:70%;}
  p {width:50%;}  // Ergänzung durch bigscreen.css

spuckt der Valigator doch wieder 'ne Warnung aus. (Kein Fehler, die 50% gelten.)

Gruss,
Carsten