11 replies to this topic

[triggerfish]

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

[catrina]

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?

[triggerfish]

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

[triggerfish]

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

[catrina]

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

[triggerfish]

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

[catrina]

Replace the code you have with this code:

Please Login or Register to see this Hidden Content

Does it make a difference?

[triggerfish]

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

[Rob]

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.

[triggerfish]

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 */
}

[James B]

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

[James B]

The topic was marked as resolved.