• Forum
• Allgemein
• HTML, PHP, SQL,...
• Maximale Bild Grösse

ilch Forum » Allgemein » HTML, PHP, SQL,... » Maximale Bild Grösse

1. Mo. 23.07.2007 13:15 Uhr #1

   

   s_down Mitglied

   Registriert seit

   11.04.2005

   Beiträge

   1.194

   Beitragswertungen

   

   Hi
   
   mein Problem:
   Damit zu grosse banner das Design nicht sprengen habe ich die Bildgrösse per div Element eingeschränkt.
   Leider Kapiert das der IE nicht.
   Weiss jemand wiso und wie man das beheben kann?
   
   Benutzter Code:
   

   <a href="index.php?teams-show-1"><div style="overflow: hidden; max-width: 500px; max-height: 100px;"><img style="width: 494px; height: 100px;" src="Bild.gif"></div></a>

   
   
   thx & mfg down
   
   betroffene Homepage: externer Link

   Probleme mit dem installieren?
   externer Link
   0 Mitglieder finden den Beitrag gut.

   • zitieren
2. Mo. 23.07.2007 13:20 Uhr #2

   

   Siggi Hall Of Fame

   Registriert seit

   08.02.2007

   Beiträge

   6.558

   Beitragswertungen

   

   hmm bei mir im IE zersprenkt das design nicht.
   bei Opera ebenso nicht und Firefox auch nicht..

   Wie poste ich falsch?
   0 Mitglieder finden den Beitrag gut.

   • zitieren
3. Mo. 23.07.2007 13:27 Uhr #3

   

   assault Hall Of Fame

   Registriert seit

   03.11.2006

   Beiträge

   2.925

   Beitragswertungen

   

   vll weil der ie nicht ein max-width will, sondern eine genaue angabe will?
   
   und vll tust du den Anker besser mit in den Container
   0 Mitglieder finden den Beitrag gut.

   • zitieren
4. Mo. 23.07.2007 13:59 Uhr #4

   

   s_down Mitglied

   Registriert seit

   11.04.2005

   Beiträge

   1.194

   Beitragswertungen

   

   hm.. naja genaue Angabe will ich ja gerade nicht...
   hab mal Container um Anker rum gemacht...
   hoffe jetzt geht muss aber zuert testen...
   @Siggi Das zu grosse Bild wurde rausgenommen

   Probleme mit dem installieren?
   externer Link
   0 Mitglieder finden den Beitrag gut.

   • zitieren
5. Mo. 23.07.2007 20:08 Uhr #5

   

   Mairu Coder

   Registriert seit

   16.06.2006

   Beiträge

   15.334

   Beitragswertungen

   

   Ja der IE unterstützt max-width/height nicht, sehr schlecht, ich hab dafür mal etwas umständlich ne Bildverkleinerung per Javascript geschrieben -> ist auch hier auf ilch.de im Einsatz ->

   function addEvent(elm, evType, fn, useCapture) {
       if (elm.addEventListener) {
           elm.addEventListener(evType, fn, useCapture);
           return true;
       } else if (elm.attachEvent) {
           var r = elm.attachEvent("on" + evType, fn);
           return r;
       } else {
           alert("Handler could not be removed");
       }
   }
   
   function ResizeBBCodeImages() {
       imgs = document.getElementsByTagName("img");
       for (ti = 0; ti < imgs.length; ti++) {
           if (imgs[ti].className.indexOf("bbcode_image") != -1) {
               SetSize(imgs[ti]);
           }
       }
   }
   
   addEvent(window, "load", ResizeBBCodeImages);
   
   function SetSize(img) {
       var maxw = 700;
       var w = img.width;
       var h = img.height;
       if (w > maxw) {
           h = maxw * h / w;
           w = maxw;
           img.width = w;
           img.height = h;
           img.outerHTML = "<a href=\"" + img.src + "\" target=\"_blank\"><img src=\"" + img.src + "\" border=\"0\" width=\"" + w + "\" height=\"" + h + "\" /></a>";
       }
   }

   
   
   Das verkleinert alle Bilder mit dem Attribut class="bbcode_image", wenn man dies als Javascript einbindet.

   Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
   0 Mitglieder finden den Beitrag gut.

   • zitieren