Einzelnen Beitrag anzeigen

Dunedain
(Gast)

n/a Beiträge
 
#2

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

  Alt 5. Nov 2006, 13:43
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:

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)
  Mit Zitat antworten Zitat