Ad:

HTML and CSS Discussion Thread
Marked Solved
Views: 8367

Sep 2nd, 2008

Two background images on one page

Expand Post »

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.

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.

Similar Threads

updating 2 HTML tables on one PHP page in PHP
Javascript Page Preloader- in JavaScript / DHTML / AJAX
using image for background on index page? in Site Layout and Usability
Need help to display background images using css in HTML and CSS
Help with CSS - background extending to 100% in HTML and CSS

Venom Rush

Reputation Points: 18

Solved Threads: 2

Posting Whiz

Offline

325 posts
since Oct 2007

Permalink

Sep 5th, 2008

Re: Two background images on one page

Hi,

I'm not sure if I understood you correctly, but have you tried playing with z-index?

Mylena

Reputation Points: 10

Solved Threads: 1

Light Poster

Offline

30 posts
since Jul 2007

Permalink

Sep 8th, 2008

Re: Two background images on one page

I've ended up using a div on either side of the content table with background images inside them.

Venom Rush

Reputation Points: 18

Solved Threads: 2

Posting Whiz

Offline

325 posts
since Oct 2007

Permalink

Sep 9th, 2008

Re: Two background images on one page

for background-color: (color); make it background-color: transparent; that should work. If not send us ur whole code to help

MelechM

Reputation Points: 11

Solved Threads: 6

Junior Poster in Training

Offline

55 posts
since Sep 2008

This thread is solved

Either the thread starter or a moderator has marked this thread as solved. You can most likely trust the responses and answers given. There is most likely no reason for any further responses to be posted here. If you have a related question, please start a new thread in this forum instead.

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in HTML and CSS Forum Timeline: Help on pricing out basic html and php maintenance for client

Next Thread in HTML and CSS Forum Timeline: Unordered list problem in IE, first item displaced

DaniWeb Message

Cancel Changes

User Name
Password