WordPress.org

1. johnpanz
   Member
   Posted 4 months ago #

   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?

Reply

You must log in to post.