Ingo Turski: min-width IE - px und em in Kombination möglich?

Beitrag lesen

Hi,

Naja ungültig..wenn ich sie in CC´s packe kann ich ja trotzdem validen Code schreiben. Der grösste Vorteil den ich gerade in der Verwendung von expressions sehe ist der recht kleine Aufwand: 1 Zeile in der CSS- Datei und damit hat es sich.

Also was eine expression-Zeile kann, sollte wohl auch mit einer Javasciptzeile umzusetzen sein.

Für den IE gibt es onload hierfür eine kleine Erweiterung:

var max = document.getElementById("seite");
    if(!max.style.maxWidth) {
      var v = document.compatMode ? 10.44 : 11.8;
      var em = v / document.getElementById("imenu").offsetWidth;
      if(max.offsetWidth*em >65) max.style.marginRight = max.offsetWidth-65/em+"px";
    }

  

> Ich verstehe diese JS-Anweisung leider nicht wirklcih, würde es aber sehr gerne. Könntest Du das bitte ;) im Detail hier eklären?  

Dazu mußt Du Dir den HTML-Teil ansehen.  
Das DIV #seite umschließt zur Formatierung alle Elemente im body und dessen variable Breite läßt sich auslesen. Um nun die ausgelesenen px in em umzurechnen, lese ich die Breite der UL  #imenu aus, die ich ja in em vorgegeben habe. document.compatMode ist eine Browserweiche für den IE6, in dem der DOCTYPE-Switch erst eingeführt wurde. Je nachdem, ob IE6 oder IE5.x ist der empirisch ermittelte "Umrechnungsfaktor" ein anderer.  
  
Ein Problem hatte ich beim Versuch, die Breite von body oder auch #seite im IE zu limitieren. Daher ersetzte ich dies durch ein entsprechendes margin von #seite, was im Endeffekt denselben Effekt hat und dessen Breite reduziert.  
  

> Gibt es noch eine Alternative zu dem body onload?  

Ja. Ich hätte die Funktion, die ja auch das Ausklappen des Menüs erledigt, wie in <http://de.selfhtml.org/css/layouts/navigationsleisten.htm#javascript> über window.onload=hoverIE; aktivieren können.  
  
freundliche Grüße  
Ingo

-- 
[[barrierefreie Webseitenerstellung](http://www.1ngo.de/web/) » [Suchmaschinenoptimierung](http://www.1ngo.de/web/seo.html) | [em?](http://www.1ngo.de/web/em.html)] ([Hommingberger Gepardenforelle](http://www.1ngo.de/hommingberger-gepardenforelle/);-)