22, March 2010

Image 100% of width - webmaster forum

 
Webdigity webmaster forums
[ Home | Help | Search | Forum's Shop | Archive | Login | Register | Webmaster Directory ]
Webdigity Webmaster Forums  >  Design and Layout  >  Web Page Design (Moderator: Meth0d)
Topic: Image 100% of width
« previous next »
Pages: [1] Print

Author Topic: Image 100% of width  (Read 770 times)
I crack Photoshop!
*
Posts: 3
26 credits
Members referred : 0



« on: Jan 22, 2009, 12:54:15 pm »

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
I am a metal monkey!
Administrator
Community Supporter ?
Jedai Sword Master
*****
Gender: Male
Posts: 5661
45599 credits
Members referred : 3



« Reply #1 on: Jan 22, 2009, 01:06:00 pm »

Just use 100% and make sure that body, html and img has margin:0 and padding:0

Trial and Error my two best teachers Cool
Join us @ facebook or twitter

Last blog : Butterfly Marketing 2.0
I crack Photoshop!
*
Posts: 3
26 credits
Members referred : 0



« Reply #2 on: Feb 06, 2009, 12:17:53 pm »

<img src ="/image.jpg" WIDTH=800>                                 
                                 
will stretch the image                                 
                                 
WIDTH="100%" will fill the page with the image but if it is a different resolution you could end up with the image repeating itself.                                 
My name is Bong, James Bong
*
Posts: 11
78 credits
Members referred : 0


« Reply #3 on: Jul 09, 2009, 02:45:15 pm »

Make sure the page has the resolution you need.... if the height will be bigger when the width is 100% of cours the scroller will appear..
Metal slug addict
*
Gender: Male
Posts: 18
112 credits
Members referred : 0


« Reply #4 on: Jul 10, 2009, 11:15:56 am »

You end up with a strecthed and poor looking image if the resolution is larger.
Cyberpunk Wannabe
*
Posts: 38
228 credits
Members referred : 0


« Reply #5 on: Jul 16, 2009, 05:04:09 pm »

there's no way your page can fit any screen out there. different screens have different resolutions.
Trackback URI for this entry : http://www.webdigity.com/trackback.php?topic=8406
Tags : Image 100% of width Bookmark this thread : Digg Del.icio.us Dzone more....

Pages: [1] Print 
Webdigity Webmaster Forums  >  Design and Layout  >  Web Page Design (Moderator: Meth0d)
Topic: Image 100% of width
« previous next »
Jump to:
User Area
Welcome, Guest. Please login or register.
Did you miss your activation email?
Mar 22, 2010, 01:49:54 pm





Login with username, password and session length

Donate to our community, and get a permanent link back to your site!

Donate to our community, and get a permanent link back to your site!





Readers

Web Design Gallery · Whois Lookup · Pagerank · Tag Browsing · Lo-fi version · Syndication · Webmaster forum history · Advertise
Developed by HumanWorks © 2005 - 2010 Webdigity webmaster community · sublime directory
Webdigity Webmaster Forums | Powered by SMF 1.0.12. © 2001-2005, Lewis Media. All Rights Reserved.