Web Wiz Forums - Forum image

Print Page | Close Window

Forum image

Printed From: Web Wiz Forums
Category: Web Wiz Web App Support Forums
Forum Name: Web Wiz Forums
Forum Description: Support forum for Web Wiz Forums application.
URL: https://forums.webwiz.net/forum_posts.asp?TID=19876
Printed Date: 11 April 2026 at 7:04pm
Software Version: Web Wiz Forums 12.08 - https://www.webwizforums.com

Topic: Forum image

Posted By: EdwardHewer
Subject: Forum image
Date Posted: 15 May 2006 at 10:49am

Is it possibble to have an auto sizing forum image

Our image is currently set to work o 800 x600 and i would like it to auto resize for better res.

thanks for your support

Replies:

Posted By: dpyers
Date Posted: 15 May 2006 at 11:41am

Using css ou can auto-resize a background image to the height/width of the original viewport for some browsers, but not for all of them.
Setting an image to work at a given screen resolution usually results in scroll bars. Netstats reports that about half of all users don't use full screen when browsing.

-------------

Lead me not into temptation... I know the short cut, follow me.

Posted By: EdwardHewer
Date Posted: 19 May 2006 at 12:27pm

where can i find this css setting so i can change to auto size my image

is it possto have an example

thanks so far

Posted By: dpyers
Date Posted: 20 May 2006 at 1:02pm

Markup:



<body>

 <div id="container">
This is the content area, that will contain all the elements you want 
positioned above the background.
</div>
<img src="foo.png" id="background" alt="" />
</body>

CSS:


#container {
position: relative;
z-index: 2;}
#background {
position: absolute;
top: 0;
left: 0;
width: 100%;

Resizing the page will not resize the image in some browsers but it will size properly on load in most browsers.
You need to use a high-resolution image:
- larger high-re images scale down better than smaller high-res images scale up.

You can also use just html to put the image inline with a width of 100% but I don't think that will work with an xml doctype.

-------------

Lead me not into temptation... I know the short cut, follow me.