Jump to content


Photo
- - - - -

Browser Specific Css Plugin Not Working?

browser specific css ie7 css compatibility

  • Please log in to reply
7 replies to this topic

#1 callmestupidbut

callmestupidbut

    Member

  • Members
  • 12 posts
  • Country: Country Flag

Posted 17 December 2012 - 10:37 AM

Hi there

 

I'm using the Browser Specific CSS plugin to fix a whole range of issues in IE7.

 

The first issue I want to fix is the width. It's a responsive site, but the maximum width doesn't work in IE7 so everything becomes stretched. I want to add a fixed width to the site for IE7 users, so I've added:

 

Please Login or Register to see this Hidden Content

It works for a split second, then jumps back to full width.

 

I've tried adding !important, but it just does the same.

 

I've tried different CSS like changing text alignment and, again, it changes briefly, but jumps back as if something else is overwriting the CSS.

 

I'm using a child theme and adding the CSS into the style.css, rather than custom code.

 

Please Login or Register to see this Hidden Content

 

Thanks in advance

 



#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 17 December 2012 - 11:39 PM

I'm unsure how to explain this, but I don't think you can mix responsive and non-responsive elements in the same site, particularly with global things like body width.

 

I'd suggest making the px width a percentage. Of course, that's not fixed, but if that's the problem, at least testing it will determine if I'm wrong or right.



#3 callmestupidbut

callmestupidbut

    Member

  • Members
  • 12 posts
  • Country: Country Flag

Posted 18 December 2012 - 09:54 AM

Hi Rob - you say "you can mix responsive and non-responsive elements in the same site", but in the site options, you can have a responsive site with a pixel width - that's what I have in all browsers from IE8 upwards.

 

I've tried changing the pixel width to a percentage and it made no difference to how the site appears in IE7.

 

I've tried changing the site to a fixed width layout under site options, but it doesn't fix the width in IE7.

 

I've checked the Google compatibility script checkbox too, but that did nothing.

 

I tried a separate stylesheet with conditional comments for IE7, but that didn't work either.

 

I've run out of ideas now.

 



#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 15825 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 18 December 2012 - 10:06 AM

Hi,

 

I do have access to Internet Explorer but can you try this please.

Please Login or Register to see this Hidden Content

 



#5 callmestupidbut

callmestupidbut

    Member

  • Members
  • 12 posts
  • Country: Country Flag

Posted 18 December 2012 - 11:07 AM

Hi Danny,

 

Thanks for your reply.

 

Tried it, and it's pretty much the same, it'll set the width to 800px for a split second then jump back out. There's obviously something overriding it later in the code/css.



#6 Danny

Danny

    Is Awesome!

  • Moderators
  • 15825 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 18 December 2012 - 11:31 AM

Can you try disabling all non-PageLines plugins and see if this resolves the issue.

 

If this doesn't can you use Jing (free application) and record the issue please.



#7 callmestupidbut

callmestupidbut

    Member

  • Members
  • 12 posts
  • Country: Country Flag

Posted 18 December 2012 - 05:07 PM

HI Danny

 

I only have the browser specific CSS plugin installed. If I switch this off, it obviously looses the 'ie7' class so the style doesn't work at all.

 

I've taken a screencast of what happens with the plugin, but can't upload video files here, so it's on my website as a .avi file 

Please Login or Register to see this Hidden Content

 

It starts as IE9 - how the website should look - then changes to compatibility view when it looses its background colour. You should see the width jump from 800 wide to full width

 

I've checked its definitely IE7 and not just the compatibility view version on an old machine I have - the same result.



#8 Simon_P

Simon_P

    Messer

  • Administrators



  • 8388607 posts
  • LocationDevon
  • Framework Version:2.1.1
  • Country: Country Flag

Posted 18 December 2012 - 11:29 PM

You have a stray </p> tag, might be nothing, but it is internet exploder. 

 

Please Login or Register to see this Hidden Content







Also tagged with one or more of these keywords: browser specific css, ie7, css, compatibility