Ad:

JavaScript / DHTML / AJAX Discussion Thread
Unsolved
Views: 13237

Page 1
2
Next

You are currently viewing page 1 of this multi-page discussion thread

Apr 4th, 2005

Making web site fill browser screen

Expand Post »

Hi,
I'm modifying a template using Dreamweaver that I downloaded from the web and I would like it to check the browser resolution and resize accordingly.
It was designed at 1024x768 and looks OK at that resolution, but is someone is running 1280x1024 it is small on the screen.
Does anyone know how I can do this? I am using CSS so if someone can tell me if it is something I change in the CSS file or the .dwt template, then I can post the code and hopefully someone can assist? Unfortunately, I am not very au fait with CSS and am just learning how to modify rather than write

Thanks
Mark

mark25787

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

13 posts
since Mar 2005

Permalink

Apr 4th, 2005

Re: Making web site fill browser screen

you could try checking out this code:

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
<SCRIPT language="JavaScript">
<!--
if ((screen.width>=1024) && (screen.height>=768))
{
 window.location="highres.html";
}
else
{
  window.location="lowres.html";
}
//-->
</SCRIPT>
<SCRIPT language="JavaScript">
<!--
if ((screen.width>=1024) && (screen.height>=768))
{
 window.location="highres.html";
}
else
{
  window.location="lowres.html";
}
//-->
</SCRIPT>

Comatose

Team Colleague

Reputation Points: 361

Solved Threads: 214

Taboo Programmer

Offline

2,413 posts
since Dec 2004

Permalink

Apr 4th, 2005

Re: Making web site fill browser screen

Does that mean having 2 copies of the website, one in hi-res mode and one in low-res mode? It is a fairly large website covering property sales and rentals so would like the convenience of as few updates as possible.

mark25787

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

13 posts
since Mar 2005

Permalink

Apr 4th, 2005

Re: Making web site fill browser screen

that script would require 2 pages, yes, but it's simple to change window.location="highres.html"; to whatever you want to actually do in the event that res is set to whatever resolution we have.... this is just an example of how to check for the resolution.

Comatose

Team Colleague

Reputation Points: 361

Solved Threads: 214

Taboo Programmer

Offline

2,413 posts
since Dec 2004

Permalink

Apr 4th, 2005

Re: Making web site fill browser screen

As another idea, look at the DOM properties for "screen.width" and "screen.height". Based upon those, you could use JavaScript to change the size of your window. The content should be structured either to resize automatically (use percentages, floats, etc. for your elements' size and position), or to stay centered.

tgreer

Team Colleague

Reputation Points: 227

Solved Threads: 37

Made Her Cry

Offline

1,697 posts
since Dec 2004

Permalink

Apr 4th, 2005

Re: Making web site fill browser screen

If you post a link to a page with the template applied, or a zip of the template applied, maybe one of us can suggest something - the ability to expand and fill the screen depends on the design itself.

DaveSW

Reputation Points: 54

Solved Threads: 20

Master Poster

Offline

765 posts
since Jul 2004

Permalink

Apr 5th, 2005

Re: Making web site fill browser screen

Hi,

This is the link where I downloaded the template from:

http://www.r7designer.com/downloads/details.php?id=7

The template is good, apart from the fact that it won't adjust to screens with different resolutions (1025x768 and 1280x1024 are the ones I'm catering for).

Any advice on how to make it auto-adjust would be appreciated.

Thanks.

mark25787

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

13 posts
since Mar 2005

Permalink

Apr 5th, 2005

Re: Making web site fill browser screen

I handcode all my stuff in a text editor, so the dreamweaver template isn't much use to me...
Could you create a page, zip it and send it to me?

DaveSW

Reputation Points: 54

Solved Threads: 20

Master Poster

Offline

765 posts
since Jul 2004

Permalink

Apr 5th, 2005

Re: Making web site fill browser screen

This is the first few pages of the site that I have uploaded. The pages that work are the 4 below "Property Sales"...

http://www.lamanga-soluciones.com/Ne...ment_Sales.htm

Thanks
Mark

mark25787

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

13 posts
since Mar 2005

Permalink

Apr 5th, 2005

Re: Making web site fill browser screen

Hi Mark
I've had a look at it, and I can expand the headers, footers, right tabs etc, but I can't get the main content area to expand.
Basically it's been designed with too many tables, and everything is absolutely positioned from the top right. This means you can't set widths easily on it.
I'll zip up what I've got if you like, but it's an awkward one to do.

The only real way to make it an expanding layout would be to rebuild it from the ground up.

DaveSW

Reputation Points: 54

Solved Threads: 20

Master Poster

Offline

765 posts
since Jul 2004

Page 1
2
Next

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in JavaScript / DHTML / AJAX Forum Timeline: new popup window, chromeless / no scrolls?

Next Thread in JavaScript / DHTML / AJAX Forum Timeline: Add textbox to editable div problem

DaniWeb Message

Cancel Changes

User Name
Password