stretching image

**Mr. Blue** · 10-15-2002, 09:09 PM

I want to make one of those images that stretches/repeats until it reaches the bottom of the page. I thought I could do this by just making the height or the image = 100% but it goes past teh end of the page making the page longer.

Also, i know how to use javascript to detect IE or Netscape (eww), but how can u detect the AOL brower (double eww)?

**QuietDean** · 10-16-2002, 01:07 PM

Hi there Mr Orange.

The browser string for aol browsers starts with AOL. who would have thought?

Here is a javascript that redirects AOL browsers -

Code:

<SCRIPT LANGUAGE="JavaScript">

<!--
var agt=navigator.userAgent.toLowerCase();
var
is_aol   = (agt.indexOf("aol") != -1);
if (is_aol)
{
 window.location="index_a.html" // version for AOL
browsers
}
else  {
   window.location="index_b.html" //
version for the rest
}

//-->

</SCRIPT>

Your stretching problem should be easily sorted. It would probably be best to hav the image as a background image, they stretch a lot more reliably.

If not, then could you post the code ur using for the image? Then I can try and see whats wrong.

**benzden** · 10-16-2002, 01:24 PM

Can also make the image a background within a < TABLE ...> and then size the table itself to desired dimensions.

**Mr. Blue** · 10-16-2002, 07:52 PM

Benz: He is in fact working on a redesign of our current page...starting it anyways...and what we want is it to stretch to fit the user's resolution so that it goes all the way to the bottom. So I dont' see how using a background image in a table would fix it... /me shrugs....what about if we did height=99%...maybe it's accouting for the bar at the bottom of the page? and that's why it's going over....thx in advance for the help....I'm glad to be back.

-The Other Dave Bailey :P

**HTML** · 10-16-2002, 09:11 PM

Dave,

I hope you are intending to get rid of the full screen page. Taking over a browser is not looked too good upon, atleast I would close and never go back.

Dave

**Mr. Blue** · 10-16-2002, 09:42 PM

Yeah we are and we're also making it compatible with 800x600 res. users so we're back on track. I haven't had much time since I've been working on my art portfolio for school....that's been a large chunk of my time. Along with school and sports i've been pretty busy but i'm making a triumphant return.

**JitteryKelly** · 10-19-2002, 07:07 AM

how about just using a 100x100 pixel background tile and setting that as the background image in the HTML? It's compatible with all screen sizes that way and will cover the entire background of the page. Unless that's not what you're wanting to accomplish.

**Doorknob** · 11-11-2002, 12:35 AM

i dont know how to stretch it, but to tile it horizontally, vertically or both, put the code below in between <head> and </head> :

==start of code==
<style>
BODY
{
BACKGROUND-IMAGE:url('image.jpg');

BACKGROUND-REPEAT:repeat-x;

BACKGROUND-REPEAT:repeat-x;
}
</style>
==end of code==

Thread: stretching image

Thread Tools

Related

Table cells stretching and spreading out my design Forum: HTML Forum

stretching div Forum: CSS Forum

Template Stretching with CSS Forum: CSS Forum

Need Help - Table / Template stretching out my layout! Forum: HTML Forum

stretching table Forum: HTML Forum

stretching image

Tags for this Thread