CSS: min- & max-height für den IE

**Plague**

Hallo,

ich möchte, dass Bilder die ich per JavaScript lade nie größer als 283px bzw. 211px werden. Im Firefox gibt es dafür ja die min- & max-heigt Funktion. Ich habe dann mal bei Google geschaut und bin auf folgenden Code gestoßen:

markieren

Code:

			<!--[if gte IE 5]>

<style type="text/css">

.ingp {

   width:expression

      (document.body.clientWidth 

      > 283? "283px": "auto" 

   heigt:expression

      (document.body.clientheigt 

      > 211? "211px": "auto" 

      }

</style>

<![endif]-->

Diesen möchte ich dann per

markieren

Code:

aufrufen. Klappt aber nicht!
Was mache ich hier falsch?

Gruß
Thomas

Hallöchen

Sieht ein bischen komisch aus, was google da bei dir ausgespuckt hat. Aber ich bin auf die selben
Snippets gestoßen...

Warum das nicht funktioniert? ganz einfach (denke ich zumindest

):
document.body greift auf das HTML Element Body <body> zu, und nicht auf das Bild.
D.h. die Expression greift nur, wenn der Client eine Auflösung kleiner 283 x 211 hat, was warscheinlich nicht der Fall ist

Sind außerdem zwei Tipp Fehler drin...
document.body.clientHeigth

Ich hätte zwei Lösungen im Angebot, wobei ich keine von beiden getestet habe...

Möglichkeit 1:
Wenn du die Bilder per JavaScript (nach?)lädst, kannst du dir eine Funktion schreiben, die das komplette HTML Dokument nach Bildern der Klasse "ingp" scannt, und deren Abmessungen überschreibt.
Könnte dann so aussehen:

markieren

Code:

			function fix_img_mes()

{

    //var img= document.images;                         // Old Style

    var img= document.getElementsByTagName( "img" );    // DOM Style

    for( i = 0; i < img.length; i++ )

    {

        if( img[ i ].className == 'ignp' )

        {

            img[ i ].width = 283;

            img[ i ].height = 211;

        }

    }

}

Diese Funktion musst du dann jedes mal, wenn du ein Bild lädst, aufrufen. (Sollte) in allen Browsern funzen...?

Möglichkeit 2:
Die

IE7 JavaScript Library von Dean Edwards. Bringt ältere Versionen vom IE neuere Tricks bei. Unter anderem auch die min|max-width CSS Eigenschaft... (ie7-layout.js)

**alcaeus**

Zitat von Dunedain:

Sind außerdem zwei Tipp Fehler drin...
document.body.clientHeigth

Und gleich noch einer: document.body.clientHeight

Greetz
alcaeus

CSS: min- & max-height für den IE

CSS: min- & max-height für den IE

Re: CSS: min- & max-height für den IE

Re: CSS: min- & max-height für den IE

Forumregeln

alcaeus Registriert seit: 11. Aug 2003 Ort: München 6.537 Beiträge	#3 Re: CSS: min- & max-height für den IE 5. Nov 2006, 14:07 Zitat von Dunedain: Sind außerdem zwei Tipp Fehler drin... document.body.clientHeigth Und gleich noch einer: document.body.clientHeight Greetz alcaeus Andreas B. Die Mutter der Dummen ist immer schwanger. Ein Portal für Informatik-Studenten: www.infler.de
	Zitat