Jump to content


Photo
- - - - -

body. content img not displaying correctly in IE


  • Please log in to reply
1 reply to this topic

#1 chules

chules

    Super Member

  • Members

  • 151 posts
  • Country: Country Flag

Posted 18 April 2013 - 08:55 PM

I am working on my website and using a slideshow to display a video.  Everything works fine in Firefox and Safari but of course IE has to be the pain.  If you view my page at

Please Login or Register to see this Hidden Content

you will see that the image that displays in the video slide before playing is hugh and not the full frame image that you see when viewing the page in Firefox.

 

The plugin's developer stated that we have the following issue and stated that we need to remove the width: auto; and / or height: auto; properties from the following line.  I tried to place the following in my pagelines globall settings custom code without success.

 

body .content img {
max-width: 100%;
}

 

Does anyone know how and where to change the following so the slide views correctly in IE

 

Here is the resolution proposed by the developer os the slideshow

 
The problem is that your theme has a global style setting which applied also to the video-preview image:
 
body .content img {
max-width: 100%;
height: auto;
width: auto 9;
}
 
(

Please Login or Register to see this Hidden Content

 )
 
You will need to remove thw width: auto; and / or height: auto; properties.
 
How could you remove those two properties from complied css.

 

Thank you

 

Chules



#2 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 19 April 2013 - 12:52 AM

Hi there,

 

Any css changes will need to be made in Pagelines>site options>custom css.

 

In order to make changes so they affect IE only you'll need to use browser specific css, which will allow you to add a prefix to your css which will target certain browsers.

 

We have a browser specific plugin here that you can install

Please Login or Register to see this Hidden Content

 

There's also a guide to the various browser specific codes you can place into the css here

Please Login or Register to see this Hidden Content

 

You'd insert your prefix like 'body.ie' prior to your css.