• Registered: June 13, 2009
  • Posts: 22

Topic: Screen fit background Image.

Hi guys

  Is there any way to make background image fit with all screen sizes(all resolutions)?
 

Thank u.

Vote up Vote down

  • From: Salisbury UK
  • Registered: December 20, 2008
  • Posts: 1,331

Re: Screen fit background Image.

A background-image can't stretch so most people make one wide enough for most resolutions with top center an dthen code the background-color the same as the edges of the image so that it just continues the same color.

You can make a normal image stretch using position: absolute or position: fixed with width: 100%. left: 0; right: 0; which ties it to both sides. If you don't state a height this will adjust in proportion to the width, but in a narrow high window you will see a space below the image. See this example and drag th ewindow wider and narrower:-
http://www.wickham43.net/backgroundfull … xible.html

Vote up Vote down

  • Registered: May 25, 2009
  • Posts: 2

Re: Screen fit background Image.

I would tend to agree...although as a designer and user of the internet on a slower connection, you should remember that large images as backgrounds are passe and should be avoided to reduce load lags....just saying....
----------------------------------
[Spam Link Deleted]

Last edited by Andrea (September 8, 2009 6:48 pm)

Vote up Vote down