Browsererkennung für Image-Dimensionen?

[Nosferatu]

Hallo,

ist es irgendwie möglich zu sagen wenn FireFox mach width = 100% wenn IE mach 500px ??

ich habe nämlich ein Problem beim anzeigen von den Bildern ...

jpg.html

<!-- Template file for JPG Files -->
<!--<img src="{media_src}" border="1" alt="{image_name}"{limit_var}="{new_limit}" /><br /> -->
<table border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td>
        <table border="0" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF">
            <tr>
                <td align="center" valign="middle">
                 <a href="{media_src}" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})"> 
         <img src="{media_src}" alt="{image_name}"  width="60%" /></a>
           </td>
            </tr>
        </table>
    </td>
  </tr>
</table>


Wenn ich es so habe funkt es im FireFox ohne probleme...
Im IE wird die ganze seite gesprengt und man braucht fast 2 bildschirme.... egal wieviel % ich eingebe die größe bleibt immer gleich ...
Wenn ich aber 300 pixel mache... dann funkt es im IE ohne probleme....

mfg
jeff

[Rembrandt]

soll der highslide code normalweise nicht für die thumbnails sein?

[Nosferatu]

ne... nachm mod war das für die detail page

http://www.4homepages.de/forum/index.php?topic=26815.0

an dem wirds ja wohl nicht liegen, das IE automatisch die % ignoriert ?

[Rembrandt]

probier mal statt "width="60%"" das hier:

Code: [Select]

style="max-width:500px;max-height:500px;"
mfg Andi

[Sunny C.]

Hiermit kannst du auch arbeiten, musst das template für die Bilder anpassen:
http://www.drweb.de/magazin/blitzschnelle-browserweiche/

[Nosferatu]

probier mal statt "width="60%"" das hier:

Code: [Select]

style="max-width:500px;max-height:500px;"
mfg Andi

das funkt dann, habe ich oben ja gesagt, nur das was ich nicht will ^^ sonst hätte ich kein problem. das Bild soll sich an den browser anpassen

Hiermit kannst du auch arbeiten, musst das template für die Bilder anpassen:
http://www.drweb.de/magazin/blitzschnelle-browserweiche/

Danke, aber irgendwie ignoriert der IE das ..... ich weiß ja warum ich IE hasse und selber nicht verwende .....
Im Firefox führt er den standart code aus und ignoriert den IE code....

Im IE führt er den IE code + alternative code aus ....


<!--[if IE ]>
         <img src="{media_src}" alt="{image_name}"  width="500" /></a>
 <![endif]-->
         <img src="{media_src}" alt="{image_name}"  width="60%" /></a>


glaub ich beim alternativ code auch sowies wie beim IE machen.... nur kann ich das doch nicht für jeden browser machen....

nur .. http://www.phpforum.de/archiv_61847_nur@den@ie@ansprechen_anzeigen.html

wird es aber so geasgt, IE und alternative ohne was ....

und ich finde dazu auch nix ......

EDIT: LÖSUNG GEFUNDEN ! , aber keine Ahnung die variante funktioniert und die andere nicht ....

<?php 
$w = "60%";
?>
<!--[if IE]>
<?php
$w = "500";
?>
 <![endif]-->

<!-- Template file for JPG Files -->
<!--<img src="{media_src}" border="1" alt="{image_name}"{limit_var}="{new_limit}" /><br /> -->
<table border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td>
        <table border="0" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF">
            <tr>
                <td align="center" valign="middle">
                 <a href="{media_src}" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})"> 
<img src="{media_src}" alt="{image_name}"  width="<?php echo $w; ?>" /></a>




           </td>
            </tr>
        </table>
    </td>
  </tr>
</table>