• Resolved gmumm

    (@gmumm)


    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.