Footer is skewed to side in IE. What's wrong with my code???
-
Website: www(.)murphyfinancialservices(.)com
The green footer at the bottom is set off-center to the right of the screen in Internet Explorer. It is fine on all other browsers for some reason.
I’ve tried everything I can think of and still can’t get it to behave. What is wrong/missing from my footer CSS below that could fix this problem?
Thanks so much for your help in advance! I know it is probably something small but I appreciate your help so much!
[ Moderator Note: Please post code or markup snippets between backticks or use the code button. ]
/*--------------------------------------------------------------*/ /* Footer Style*/ /*--------------------------------------------------------------*/ .footer-content .footer-glow { background:url(https://murphyfinancialservices.com/wp-content/uploads/2012/05/footer-bg-green.png) repeat-x; margin:20px; height:41px; clear:both; } .footer_bg { background:#e9e3c8; padding-bottom:30px; margin:0 auto; clear:both; } .footer-content { width:100%; margin:0 auto; padding-left:6px; clear:both; } .footer-content .footer_wrap { background:url(https://murphyfinancialservices.com/wp-content/uploads/2012/05/footer-bg-green.png); margin:0 auto; padding-top:30px; width:1040px; clear:both; } .footer-content p, .footer-content pre { color: #d4d3d3; clear:both; } .footer { overflow:hidden; background:url(images/footer-line-black.png) repeat-y 50%; clear:both; } .footer, .footer a { color:#fff; } .footer_wrapper .footer .footer_widget .widget_inner { padding-right:20px; overflow:hidden; margin-top:-5px; z-index:999; clear:both; } .footer_wrapper .footer .footer_widget .widget_inner.lebo { padding-left:15px; clear:both; } .footer_wrapper .footer .footer_widget .widget_inner.last { background:none; clear:both; } .footer_wrapper .footer .footer_widget ul li { margin-left:0; clear:both; } .footer_wrapper .footer .footer_widget ul li li { margin-left:10px; margin-bottom:0; clear:both; } .footer_wrapper .footer .footer_widget ul ul { margin-bottom:0; clear:both; } .footer_wrapper .footer .copyright { float:right; padding-top:5px; clear:both; } .footer-space { height:5px; width:100%; visibility:none; clear:both; } .footer_title{ width: 1038px; margin: 0 auto; padding-bottom:10px; clear:both; } .footer_title a:hover{ color:#6a6565; } .footer_title .back_link{ float:center; }
Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
- The topic ‘Footer is skewed to side in IE. What's wrong with my code???’ is closed to new replies.