Image 100% of width

james169 · 03-01-2009, 03:13 AM

How do I get an image to be 100% of the screen width, without creating a sideways scroll bar in lower screen resolution displays?

Cheers

FathomJH · 03-01-2009, 08:12 AM

One way is to create an image longer than the screen width, say 1000px. In order to stop the scrolling bar that would appear on lower resolution settings, you can use css to set the background to fixed:

body {
background: url(bg.png) fixed;
}

03-01-2009, 03:13 AM	THREAD STARTER #1 (permalink)
james169 New Member Join Date: Mar 2009 Posts: 3	Image 100% of width How do I get an image to be 100% of the screen width, without creating a sideways scroll bar in lower screen resolution displays? Cheers __________________ texas holdem chips Mortgage Advisor

	NamePros Design Contests	Forum Sponsorship
	Join in on the FUN! You can start an affordable design contest and pick from entries talented members submit or you can enter a design contest for a chance to win CASH PRIZES! What are you waiting for? Get started in the fun TODAY! - Banners, Logos, Mascots, and MORE! (Please READ the design Contest section rules Prior to starting or entering a contest)

03-01-2009, 08:12 AM	#2 (permalink)
FathomJH NamePros Regular Join Date: Oct 2006 Location: U.S. Posts: 413	One way is to create an image longer than the screen width, say 1000px. In order to stop the scrolling bar that would appear on lower resolution settings, you can use css to set the background to fixed: body { background: url(bg.png) fixed; }

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)