Jump to content


Photo

Feature Slide in IE Gradient Image Showing In Footer


  • Please log in to reply
6 replies to this topic

#1 tcantrell

tcantrell

    Advanced Member

  • Members
  • PipPipPip
  • 45 posts

Posted 27 May 2011 - 11:16 PM

I'm using Station Pro and in IE on Windows the feature slides aren't centering properly. It seems to get progressively worst as you cycle through the features. Meaning each time it cycles the images are a little more to the right and off centered. I've included a screen shot below. Also, on a few of my posts that aren't very tall I have a gradient image that is showing up in the footer area. If I embed a video or image or anything over around 500px tall it doesn't show. I included a link to a post with this problem and a screenshot below. Any help is much appreciated. Screenshots: See feature slide at: http://www.sk8mafia4life.com See individual post with gradient image at: http://www.sk8mafia4...vier-sarmiento/

#2 kastelic

kastelic

    Advocate

  • Members

  • 3081 posts
  • Country: Country Flag

Posted 27 May 2011 - 11:37 PM

What version of IE are you using and do you have any custom CSS in place?

#3 tcantrell

tcantrell

    Advanced Member

  • Members
  • PipPipPip
  • 45 posts

Posted 28 May 2011 - 12:09 AM

Quite a bit of custom code... I'll double check on the IE version and post back. .category #morefoot {display:none} .blog #morefoot {display:none} #footer{display:none} .post-nav{display:none} .single #sidebar { width:235px;} .single #maincontent {width:700px;} .single .thumb {display:none} #nav ul li a{text-transform:uppercase} #nav ul, #nav .mnav {width:960px;} .category #sidebar {display:none} .category #maincontent {width:960px;} #feature{height:480px} .single .post-excerpt { width:600px;} .category .post-excerpt { width:600px;} .post-excerpt {font-weight: bold;} #nav ul li a{margin-left: auto;} #nav ul li a{margin-right: auto;}

#4 tcantrell

tcantrell

    Advanced Member

  • Members
  • PipPipPip
  • 45 posts

Posted 28 May 2011 - 02:29 AM

It was Windows Vista, IE 7... I tested it on a few other versions of IE and it worked, I also remember trying it on XP but I can't recall if it worked correctly.

#5 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 28 May 2011 - 04:06 PM

Go to Theme Options > Global Options > enable Google IE Compatibility Fix

#6 tcantrell

tcantrell

    Advanced Member

  • Members
  • PipPipPip
  • 45 posts

Posted 28 May 2011 - 10:47 PM

Thanks, already enabled though... Any other suggestions?

#7 kastelic

kastelic

    Advocate

  • Members

  • 3081 posts
  • Country: Country Flag

Posted 28 May 2011 - 11:08 PM

I'm rolling down the freeway right now with a laptop, otherwise I could dig deeper into the specific CSS rule that is causing the problem. If you can remove a few rules at a time and test, then you could pinpoint the problem and once you figure it out, you can use the star hack to specifically target IE7 and below. Like so: #something{ *width: 300px; }