nicht angemeldet
style="max-width:50em" im IE simulieren?
Hallo,
ich verwende auf meiner Seite einen <div>-Kontainer, dessen Breite ich im CSS mit "max-width" in der Einheit "em" angebe. Damit will ich erreichen, dass, sobald der Anzeigebereich zu gross wird, die Text-Zeilen nicht ins unermessliche wachsen.
Nun, leider unterstützt der IE diese CSS-Eigenschaft nicht, daher möchte ich bei ihm das selbe mittels JavaScript erreichen. Soll heissen: Überschreitet der Anzeigebereich eine bestimmte Grösse, soll dem <div>-Kontainer eine feste Breite (in "em") zugewiesen werden. Nun habe ich folgendes Problem: die Breite des Anzeigebereichs lässt sich nur in Pixeln ermitteln, nicht jedoch in "em" (oder irre ich da?). Daher meine Frage: gibt es eine Möglichkeit, auf die im IE eingestellte Schriftgrösse zuzugreifen (um die Pixel in "em" umrechnen zu können), oder weiss jemand eine andere Möglichkeit um "max-width:XYZem" im IE zu simulieren?
Hier mein Code:
Das Script:
<script type="text/javascript">
<!--
function anpassen(){
if (document.body.offsetWidth>1000)
document.all["inhalt"].style.width="47em";
}
//-->
</script>
Und das HTML:
<body onLoad="anpassen();" style="font-size:100%">
<div id="inhalt" style="background:#F00;width:auto;max-width:50em;">Text</div>
</body>
Ich werde es nachher noch anders einbinden, so dass nur der IE davon betroffen wird.
Ich freu mich über Antworten.
nette Grüsse + schö
stefan