nicht angemeldet
Hallo allerseits,
Ich verwende auf einer Seite für den Container, in dem der Hauptinhalt liegt, die CSS-Eigenschaft 'max-width', um gute Lesbarkeit bei großen Browserfenstern sicherzustellen.
Für den IE benutze ich dafür einen Javascript-Workaround. Die Methode von http://www.bestviewed.de/css/bsp/maxwidth/ kann ich nicht verwenden, da im Inhalt Tabellen vorkommen können.
Das Ganze sieht bis jetzt so aus:
<style type="text/css" title="standard">
/* hier wird das Stylesheet mit der korrekten maxwidth-Eigenschaft eingebunden */
@import url(/data/modern.css);
</style>
<!--[if gte IE 5]>
<style type="text/css">
#text {
width: expression(document.getElementById('text').offsetWidth > 850 ? '850px' : 'auto');
}
</style>
<![endif]-->
Danach binde ich noch ein Stylesheet für die Druckausgabe ein.
Wenn ich jetzt im IE versuche die Seite auszudrucken und die Breite des Containers 'text' durch die expression explizit auf '850px' gesetzt wurde, wird der Container auch im Ausdruck 850px Breit und der Inhalt somit rechts abgeschnitten (zumindest auf meinem 'normalen' Drucker).
Ich habe versucht das zu korrigieren, indem ich im Druckstylesheet angegeben habe:
#text { width: auto; }
Das hat allerdings nichts gebracht.
Weiß jemand von euch eine Lösung für dieses Problem?
Neuere Versionen von Mozilla und Opera stellen übrigens alles ordentlich dar.
Gruß, Jan