Forums

triplefour design

Hi Everyone,

This is my first post here I have long been a reader of this site but never actually had a reason to post until now! :P

I have a design I am working on and it is not rendering correctly in ie 7 or ie 6 . The page is here

I have a background image that is images/main-container-inner.jpg. I am wanting the image to continue underneath the text at the bottom of the page but in IE 7 and IE6 it is being cutoff so is my background colour. It is rendering fine in ie8 and also firefox.

Here is the CSS file and i have grabebd the code below css/all.css


#main-container{
	width:100%;
	overflow:hidden;
	background:url(../images/main-container.jpg) no-repeat 50% 104px;
}
body#page-inner1{
	background:#C28C4B url(../images/body-inner-bg.gif) repeat-x;
}
#page-inner1 #main-container{
	background:url(../images/main-container-inner.jpg) no-repeat 50% 104px;
}

Any help anyone can provide would be most appreciated. It is driving me insane. I will leave it with you css experts.

regards

Andrew

Robskiwarrior

remove the background property for your #content .holder - its set at #C28C4B and in IE its taking over the world a little :)

triplefour design

Thanks Rob , that worked perfectly.

Appreciate it mate.

andrew

Robskiwarrior

no probs :)

treehouse : what would you like to learn today?

Forums

SOLVED: Background Image Problem in IE 6 and IE 7