WordPress.org

Support

Support » Themes and Templates » IE 7 Background image display issues

IE 7 Background image display issues

  • http://www.johnhartinternational.com/

    Above is the address to a website I’m working on. I’m having an issue with the background image which I can’t figure out how to fix. I’ve tried all sorts of approaches but need some help.

    html, body {
    	height: 100%;
    	background: url(../../../img/layouts/JHInt_background-briquette.jpg) top center no-repeat #d9e9ff;
    	color:#111;
    	font-size: 12px;
    	font-family:  Arial , Tahoma, Verdana, sans-serif;
    	margin: 0px;
    	padding: 0px;
    	position:relative;
    }
    #container {
    	width: 959px;
    	min-height: 100%;
    	height: auto !important;
    	height: 100%;
    	position: relative;
    	padding-bottom: 0px;
    	margin: 0px auto -40px;  /* the bottom margin is the negative value of the footer's height */
    }

    As you can see I’ve put the background image within the html,body tag and when I turn off the background image all disply problems disappear and the site displays the sames in FF.

    Has anybody got any ideas?

  • The topic ‘IE 7 Background image display issues’ is closed to new replies.