How do you do this?? (HTML)

[seti]

How do you make the web page resize itself when the browser is resized? I obviously don't know the terminology...so here (http://www.infinity-webs.com/loupe.htm) is a pretty good example. The border around the outside is important.

If there's a way to do it through Frontpage 2000 that would be good.

Thanks http://sysopt.earthweb.com/forum/smile.gif

[DemonKnight]

That page was created with frontpage (or at least edited with it) look at the source code of that page.

[LiLRiceBoi]

if you look at the source code, you will see that that web site is put together w/ a lot of tables. the parameters of the tables are specified by percentage. this means that it will be x% of what the window size is.

[seti]

Yeah, I've taken a look at it and various others in frontpage but it doesn't help me. haha http://sysopt.earthweb.com/forum/smile.gif

[seti]

Tables! Ok, that's a new word for me...that should get me a bit farther, thanks!

[seti]

I think I've got it.

It's all about sliceing up your web page (I'm useing photoimpact) and then setting percentages for dimensions of cells and pictures.

I hope I got that right, well, we'll see!

Thanks guys!

[CujoRbd]

The idea is that any good page should be able support many browsers and resolutions. So, it is always best to use percentages in making tables.

In most browsers, it automatically resizes for you, but some versions of Netscape had a bug in them that made them resize kinda funny.

It is best to stick the following script (or something similar) into your pages to fix this:

<script language="JavaScript">
<!--
function MM_reloadPage(init) {
 if (init == true) {
  if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) == 4)) {
   document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage;
  }
 } else {
  if (innerWidth!=document.MM_pgW | | innerHeight!=document.MM_pgH) { location.reload(); }
 }
}

MM_reloadPage(true);
// -->
</script>

I hope this helps. Also, if you want the page to reload in any browser when it's resized, try this little script:

<script language="JavaScript">
<!--

if (navigator.appName == "Netscape") { browser = "ns"; } else { browser = "ie"; }

function reloadit() {
 if (browser = "ns") {
  f = location.reload();
  return f;
 } else {
  if (browser = "ie") {
   f = document.reload();
   return f;
  }
 }
 return f;
}

window.onresize=reloadit;
// -->
</script>

I hope this helps you out a bit!


Cujo

[seti]

Thanks Cujo, but my ignorance in profound on this subject! http://sysopt.earthweb.com/forum/smile.gif

I'm patheticly bonded to wysiwyg editors, and anything but the very basic HTML throws me for a loop.

I've been able to get the page to resize in width, but not length. Apparently it only works in frontpage's preview tab as well.

Haha, I'm already over my head with something so simple!

Edit> I think there's something simple I must be missing. I just did a very simple one and it worked fine. I'll figure it out eventually http://sysopt.earthweb.com/forum/smile.gif

[This message has been edited by seti (edited 12-19-2000).]


Haha, now I just need content (http://seti.gixxer.com/test/) http://sysopt.earthweb.com/forum/wink.gif

[This message has been edited by seti (edited 12-19-2000).]