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

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)

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

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

Forumregeln