Wednesday 15 February 2012

iframe - Different behavior of Bootstrap in different browsers -


Check the following link in different browsers:

Click on the first option (top left) in the left Make the table. (It opens an iframe)

  • In Chrome, a row of thumbnails appears below (this is what is expected of it) and you see the original size

  • But this shows different behavior in Firefox and IE and the pictures are shown in their original sizes.

    I solve this problem? Thank you very much for your help.

    I can definitely see your problem. I tried with IE 8 and 9 - Both images show full-size images rather than thumbnails in contrast to Chrome.

    One solution would be to add a class to your img tag and size there images when I tried it with IE 8 and 9 so it appears to do the trick.

    CSS (either script tag in the file after bootstrap css on your top):

      .myThumbnail {width: 224px; Height: 147px; }   

    Then modify your HTML that contains the myThumbnail category in each of your img tags.

    I know this is not the ideal solution, but it works.

No comments:

Post a Comment