Hi, i'm working on a site and i've come across a problem with a background image. Basically i've created an image that fits a 1280x768(think that's right) resolution, put those that view the site on a higher or lower resolution get either a cut-off one or multiple ones of it.<br />
is there any code you use to make the image stretch according to resolution?<br />
<br />
also, is this possible with scroll bars too? cheers for your time<!--content-->Try this:<br />
<br />
<body style="margin:0;padding:0;"><br />
<br />
<div style="position:absolute;top:0;left:0;z-index:1;"><br />
<img src=http://www.webdeveloper.com/forum/archive/index.php/"bgimg.gif" width="100%" height="100%"><br />
</div><br />
<br />
<div style="position:absolute;top:0;left:0;z-index:2;"><br />
<br />
<p>The rest of the page content.</p><br />
<br />
</div><br />
<br />
</body><!--content-->cool, i'll give that a shot tomorrow seeing i'm tired, although i would have thought like heigh= width= in the body tag would have sortd the problem<br />
<br />
anyway thanks<br />
<br />
pitch<!--content-->Hope it works for you, happy to help.
<!--content-->as a qeustion on this<br />
<br />
i have a site that uses layering too, but it's not apersonal site and i want it to be accesible by all...even those using thoroughly antiquated browsers - my understanding is that they can't see layers - how would you then get around that?<!--content-->Simple, don't use layers, or for that matter any CSS or JavaScript and code it in just HTML 1.0.<br />
<br />
You shouldn't code just for those who are using old browsers, in fact you should use the newest code out there. But make sure that when things don't work on old browsers that the content can still be read by the user in an understandable way.<br />
For instance use style sheets to style your page but include them with the @impirt rule to "hide" them from browsers that only semi-support CSS.<br />
<br />
Take a look at this page (<!-- m --><a class="postlink" href="http://freehost20.websamba.com:81/testorg/">http://freehost20.websamba.com:81/testorg/</a><!-- m -->), I have used CSS 2 & XHTML 1.1, yet still the content can be understood when CSS or JavaScript are turned off or not supported, I've checked it with Netscape 4.79 and Opera 5.02, the're the two oldest browsers I've got.<br />
<br />
By the way, that web-site's not finished, so before you tell me about any bad links, I already know about them.<!--content-->
is there any code you use to make the image stretch according to resolution?<br />
<br />
also, is this possible with scroll bars too? cheers for your time<!--content-->Try this:<br />
<br />
<body style="margin:0;padding:0;"><br />
<br />
<div style="position:absolute;top:0;left:0;z-index:1;"><br />
<img src=http://www.webdeveloper.com/forum/archive/index.php/"bgimg.gif" width="100%" height="100%"><br />
</div><br />
<br />
<div style="position:absolute;top:0;left:0;z-index:2;"><br />
<br />
<p>The rest of the page content.</p><br />
<br />
</div><br />
<br />
</body><!--content-->cool, i'll give that a shot tomorrow seeing i'm tired, although i would have thought like heigh= width= in the body tag would have sortd the problem<br />
<br />
anyway thanks<br />
<br />
pitch<!--content-->Hope it works for you, happy to help.
<!--content-->as a qeustion on this<br /><br />
i have a site that uses layering too, but it's not apersonal site and i want it to be accesible by all...even those using thoroughly antiquated browsers - my understanding is that they can't see layers - how would you then get around that?<!--content-->Simple, don't use layers, or for that matter any CSS or JavaScript and code it in just HTML 1.0.<br />
<br />
You shouldn't code just for those who are using old browsers, in fact you should use the newest code out there. But make sure that when things don't work on old browsers that the content can still be read by the user in an understandable way.<br />
For instance use style sheets to style your page but include them with the @impirt rule to "hide" them from browsers that only semi-support CSS.<br />
<br />
Take a look at this page (<!-- m --><a class="postlink" href="http://freehost20.websamba.com:81/testorg/">http://freehost20.websamba.com:81/testorg/</a><!-- m -->), I have used CSS 2 & XHTML 1.1, yet still the content can be understood when CSS or JavaScript are turned off or not supported, I've checked it with Netscape 4.79 and Opera 5.02, the're the two oldest browsers I've got.<br />
<br />
By the way, that web-site's not finished, so before you tell me about any bad links, I already know about them.<!--content-->