corsasport.co.uk
 

Corsa Sport » Message Board » Off Day » Geek Day » CSS nerds: 2 background images on one CSS 'body' tag?


New Topic

New Poll
  Subscribe | Add to Favourites

You are not logged in and may not post or reply to messages. Please log in or create a new account or mail us about fixing an existing one - register@corsasport.co.uk

There are also many more features available when you are logged in such as private messages, buddy list, location services, post search and more.


Author CSS nerds: 2 background images on one CSS 'body' tag?
liamC
Member

Registered: 28th Feb 04
User status: Offline
20th Sep 08 at 12:40   View User's Profile U2U Member Reply With Quote

Is the above possible?

I have one image as my header background, positioned top center, but I also want another image to be aligned bottom right hand side of the browser.

I've tried putting one image inside the 'html' tag and one in the 'body' tag, but with no luck.

The image I want bottom right, I basically want stuck to the bottom right hand side of the browser using "background-position: 100% 100%;"

Any help appreciated
Sam
Moderator
Premium Member


Registered: 24th Dec 99
Location: West Midlands
User status: Offline
20th Sep 08 at 14:24   View User's Profile U2U Member Reply With Quote

Do you want the image to be on the bottom right hand side of the page, or positioned so that when you scroll the page up and down the image is still at the bottom right hand side of the web browser?
liamC
Member

Registered: 28th Feb 04
User status: Offline
20th Sep 08 at 16:27   View User's Profile U2U Member Reply With Quote

the latter mate
Sam
Moderator
Premium Member


Registered: 24th Dec 99
Location: West Midlands
User status: Offline
20th Sep 08 at 16:55   View User's Profile U2U Member Reply With Quote

Take a look at this thread on the webmasterworld website:

http://www.webmasterworld.com/forum83/4584.htm
ed
Member

Registered: 10th Sep 03
User status: Offline
21st Sep 08 at 13:05   View User's Profile U2U Member Reply With Quote

Why don't you use a DIV for your header, declare a background image for it with CSS, then use IMG tags to display the other image at the bottom and give it a fixed position, also, give it a z-index of -1 so it's on a lower layer than everything else.

 
New Topic

New Poll

  Related Threads Author Forum Replies Views Last Post
CSS webdesign help Houckham Geek Day 3 895
20th Apr 06 at 11:01
by Houckham
 
Making a PC DVD writer drive multi region? Sam Geek Day 2 1279
2nd May 06 at 00:34
by Jules
 
FAO: Webmasters: CSS Bart Geek Day 14 1125
24th Oct 06 at 14:57
by Ian
 
Input on a website please, web designers especially :D drunkenfool Geek Day 56 3018
25th Nov 06 at 19:08
by aPk
 
I made my first CSS page... ed Geek Day 8 485
1st Dec 06 at 13:35
by aPk
 

Corsa Sport » Message Board » Off Day » Geek Day » CSS nerds: 2 background images on one CSS 'body' tag? 28 database queries in 0.0138161 seconds