background image and variable page sizes

	Home Register Search Help Login

Recent Posts
Todays Posts
Most Active posts
Posts since last visit
My Recent Posts
Mark posts read

Sponsors
Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.
Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.
Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

background image and variable page sizes

View related threads: (in this forum | in all forums)

Logged in as: Guest

Users viewing this topic: none

Printable Version

All Forums >> Web Development >> Cascading Style Sheets and Accessibility >> background image and variable page sizes

Page: [1]


paul rayner Posts: 232 Joined: 3/15/2001 From: yeppoon, qld, aus Status: offline	background image and variable page sizes - 8/2/2009 17:29:08 I have a background image - 874 x 1px. It has a blank spot in it 800px wide, with a gradient either side.. If I want to use that as a background, holding a container 800px wide, how can I do that for varying screen resolutions. So far I have: body { background-image:url(images/page_background.gif); background-repeat:repeat-y; background-position:center; } #container { width: 800px; margin: 0 0 0 235px; background-color:#990033; } #nav { width: 200px; margin: 0 20px 0 0; float: left } #content { width: 600px; float:left; margin: 0 0 200 0; } #footer { float: left; width: 800px; } but that doesn't take into account resoltions other than my 1280 wide. Should I be using percentages or???? Cheers Thumbnail Image Attachment (1) _____________________________ " In theory, there is no difference between theory and practice. But, in practice, there is!"


Tailslide Posts: 6692 Joined: 5/10/2005 From: Out here on the raggedy edge Status: offline	RE: background image and variable page sizes - 8/3/2009 2:33:45 Not sure what you're after. Do you want the containing div to expand and contract? If so yes you need percentages. Do you want to stick with the fixed width divs but have the background image work for larger screen widths? If so - just give the div a background colour equivalent to the background image surround and that will work. _____________________________ Little Blue Plane Web Design \| Land Rover project (in reply to paul rayner)