• 0
Sign in to follow this  
Followers 0

IE 7/8 Issues

Question

Posted · Report post

Greetings all! Some issues with IE7/8 on [url removed by user request] - using Framework 2.0.1. Namely: In IE 7/8, secondary navigation items displaying vertically rather than horizontally. In IE 7/8, footer background color as specified in custom CSS not being displayed. Tried !important with no success. (Lower priority for IE7 issues given low percentage of users overall) In IE 7, boxes misaligned. In IE 7, feature background image misaligned I understand that rounded feature borders in IE 7/8 will not display correctly without some trickery, which is fine. Normally I'd overlook these things, but about 45% my IE traffic is IE8. I'm not terribly CSS savvy, so any help would be much appreciated. See images for clarification: [url removed by user request] [url removed by user request] Custom code in use is as follows:

	body{border-top: 10px solid #470147;}
	#branding .content-pad{padding-left:0px !important;}
	#branding .mainlogo-img{display:block;margin:0 auto;}
	#cred {display:none;}
	#footer, .fixed_width #footer, footcol-pad {
	    text-shadow: #000 0 0 0;
	    background-color: #470147 !important;
	}
	#feature_slider {font-size:28px;float:top;}
	.form-allowed-tags{display:none;}
	.gallery {
	overflow:hidden;
	}
	#feature_slider .fcontent .dcol-pad { padding-top: 0px; }
	#branding .content-pad{padding-left:0px !important;}
	#feature_slider .fcontent {
	-webkit-border-bottom-right-radius: 15px !important;
	-webkit-border-top-right-radius: 15px !important;
	-moz-border-bottom-right-radius: 15px !important;
	-moz-border-top-right-radius: 15px !important;
	border-bottom-right-radius: 15px !important;
	border-top-right-radius: 15px !important;
	}
	#feature_slider .feature-wrap, #cycle .fcontainer {
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	overflow:hidden;
	}
	.grid-element-pad {
	background-color: #f5f5f5;
	border-radius: 4px;
	border: 1px solid white;
	box-shadow: 0 0 0 1px #ececec;
	padding: 5px;
	}
	

Share this post


Link to post
Share on other sites

12 answers to this question

  • 0

Posted · Report post

What happens if you disable all plugins and remove all custom CSS, do you still get the issues in IE8?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

As it turns out, the secondary navigation menu alignment issue and footer background issues are resolved after disabling WP Super Cache - odd. The feature background alignment and box alignment issues in IE7 persist even after disabling all custom CSS and plugins.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

More information: Cached versions of the site were not including the google-sourced IE compatibility JS file. Manually adding this to the header has resulted in consistent sub-nav alignment and header background color display. Feature and box alignment are still off in IE7.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Do the screenshots you posted above still apply to IE7?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

IE 7 issues as pictured here are still ongoing: URL removed by user request Namely, feature background misaligned, and 3rd box bumped to new row. The secondary navigation is now displaying appropriately.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

One thing to note, If you intend on using page caheing..If I view the page in firefox and then you view the same page in IE7 you will get the firefox version. I see your using W3 cache now, how much traffic does your site get?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

My main goal with caching was to ensure minimal load times. The amount of traffic alone isn't enough to warrant it. Does Framework deliver different code to different browsers? I've circumvented the IE7/8 JS compatibility file loading issue by just calling it by default with a condition: [code] [/code]

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Unfortunately, because IE7 is deprecated and doesn't use HTML5 or CSS3, and PageLines Framework does, we can't really support that browser anymore. We've found that IE7 is one of the least used browsers today and to our experience, less than 3.35% of Internet users worldwide are still using it. In the US, it is mostly found on government computers which are not often updated. Very few people actually use it because they've generally purchased newer computers (with IE9) or have upgraded. We apologize for the inconvenience. Please see my sticky post http://www.pagelines.com/forum/discussion/17308/older-browsers-support#Item_2

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0