HTML and CSS

Two background images on one page

Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

Thread Solved

•

Join Date: Oct 2007

Posts: 260

Reputation: Venom Rush is an unknown quantity at this point

Solved Threads: 2

Venom Rush Venom Rush is offline

Offline

Posting Whiz in Training

Two background images on one page

Sep 2nd, 2008

Hi everyone

Just curious to know if anyone has a technique to accomplish this. I've tried having one image as the background on the html tag and one on the body tag. Problem is that I'd like to have them static and the minute I do that the html tag's bg colour cuts the body tag's bg image out at the bottom after scrolling below the initial view of the page.

 Help with Code Tags 
 CSS Syntax (Toggle Plain Text) 
body {
	margin-top:0px;
	height:100%;
	background:url(../images/bg_center.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	background-attachment:fixed;
}
html {
	margin-top:0px;
	height:100%;
	background:url(../images/bg_right_rome.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	background-attachment:fixed;
	background-color:#E5D2A6;
}
body {
	margin-top:0px;
	height:100%;
	background:url(../images/bg_center.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	background-attachment:fixed;
}
html {
	margin-top:0px;
	height:100%;
	background:url(../images/bg_right_rome.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	background-attachment:fixed;
	background-color:#E5D2A6;
}

I'm trying to get an image on either side of the table. I know I could have accomplished this simply by having a 3 column table but I've designed the site so that the full 774 pixel area is used for content and I'd like to allow users with 800x600 resolution to view the site without having a sidewards scroll bar at the bottom of their page. Simply put, if they are running 800x600 they wont see the side bg images. If they're running a higher resolution then they will.

This user has a spatula. We don't know why, but we are afraid.