Jump to content


Photo
- - - - -
Resolved

Images popping out of boxes on ie 8 & 9

images sizing ie8 ie9

This topic has been archived. This means that you cannot reply to this topic.
11 replies to this topic

#1 triggerfish

triggerfish

    Super Member

  • Members

  • 173 posts

Posted 05 October 2012 - 03:33 PM

I cannot seem to get my images in PL Boxes not to be oversized and coming out of the containers in ie8 & ie9
I have tried the ie fix \9 (see below) but it does not help (I can get the borders to change but not the image sizing).


img,
.block_inner img {
border: 1px solid #9e0509;
margin-bottom: .5em;
width: 99%;
width: auto\9; /* IE9 and below fix */
}

PS I know about max-width, but if used here it does not work correct in the PL boxes.
PS I have the images defined in the text area, so I can get the title on top of the image.

Site is HOME page ..

Please Login or Register to see this Hidden Content



#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts

Posted 05 October 2012 - 04:39 PM

I don't have IE or access to it. Can you please post a screenshot of your site so that I can see the images?

#3 triggerfish

triggerfish

    Super Member

  • Members

  • 173 posts

Posted 05 October 2012 - 05:02 PM

Hmm, can't seem to upload an image here???
I know I have attached before here, but all I am given for choices is IMAGE= URL or CHOOSE from MY MEDIA-YOUR ALREADY UPLOADED MEDIA

#4 triggerfish

triggerfish

    Super Member

  • Members

  • 173 posts

Posted 05 October 2012 - 05:13 PM

This is the screen shot from ie9,
and it looks the same in ie8
Posted Image

#5 catrina

catrina

    Advocate

  • Members
  • 12345 posts

Posted 05 October 2012 - 05:41 PM

Are you uploading these images in dimensions smaller than the boxes?

#6 triggerfish

triggerfish

    Super Member

  • Members

  • 173 posts

Posted 05 October 2012 - 05:46 PM

No the images are larger
So when it switches to mobile they are full width

#7 catrina

catrina

    Advocate

  • Members
  • 12345 posts

Posted 05 October 2012 - 06:31 PM

Replace the code you have with this code:

Please Login or Register to see this Hidden Content


Does it make a difference?

#8 triggerfish

triggerfish

    Super Member

  • Members

  • 173 posts

Posted 05 October 2012 - 06:38 PM

No, it then ruins the images for Safari, Chrome and Firefox.
To small that is, and text starts to wrap.

And it does not change the images at all in ie9

#9 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts

Posted 05 October 2012 - 09:44 PM

IE9 and earlier versions do not accept image scaling. For IE, you need to resize the images manually and upload in the size they're to appear in. WordPress scaling and resizing do not function in IE.

#10 triggerfish

triggerfish

    Super Member

  • Members

  • 173 posts

Posted 06 October 2012 - 12:10 AM

SOLUTION
I found if I placed the image inside a div and specified the div at a fixed size (only for ie) this works.

.box3 {
width: 300px\9; /* IE9 and below fix */
}

#11 James B

James B

    Advocate

  • Members

  • 5126 posts

Posted 06 October 2012 - 03:24 AM

I'm glad you managed to get this resolved, thank you for posting the solution so it will help others in the future

#12 James B

James B

    Advocate

  • Members

  • 5126 posts

Posted 06 October 2012 - 03:24 AM

The topic was marked as resolved.