Making web site fill browser screen

Please support our JavaScript / DHTML / AJAX advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
Reply

Join Date: Mar 2005
Posts: 13
Reputation: mark25787 is an unknown quantity at this point 
Solved Threads: 0
mark25787 mark25787 is offline Offline
Newbie Poster

Making web site fill browser screen

 
0
  #1
Apr 4th, 2005
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
Reply With Quote Quick reply to this message  
Join Date: Dec 2004
Posts: 2,413
Reputation: Comatose is a jewel in the rough Comatose is a jewel in the rough Comatose is a jewel in the rough Comatose is a jewel in the rough 
Solved Threads: 211
Team Colleague
Comatose's Avatar
Comatose Comatose is offline Offline
Taboo Programmer

Re: Making web site fill browser screen

 
0
  #2
Apr 4th, 2005
you could try checking out this code:

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
  1. <SCRIPT language="JavaScript">
  2. <!--
  3. if ((screen.width>=1024) && (screen.height>=768))
  4. {
  5. window.location="highres.html";
  6. }
  7. else
  8. {
  9. window.location="lowres.html";
  10. }
  11. //-->
  12. </SCRIPT>
Reply With Quote Quick reply to this message  
Join Date: Mar 2005
Posts: 13
Reputation: mark25787 is an unknown quantity at this point 
Solved Threads: 0
mark25787 mark25787 is offline Offline
Newbie Poster

Re: Making web site fill browser screen

 
0
  #3
Apr 4th, 2005
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.
Reply With Quote Quick reply to this message  
Join Date: Dec 2004
Posts: 2,413
Reputation: Comatose is a jewel in the rough Comatose is a jewel in the rough Comatose is a jewel in the rough Comatose is a jewel in the rough 
Solved Threads: 211
Team Colleague
Comatose's Avatar
Comatose Comatose is offline Offline
Taboo Programmer

Re: Making web site fill browser screen

 
0
  #4
Apr 4th, 2005
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.
Reply With Quote Quick reply to this message  
Join Date: Dec 2004
Posts: 1,655
Reputation: tgreer is an unknown quantity at this point 
Solved Threads: 35
Team Colleague
tgreer tgreer is offline Offline
Made Her Cry

Re: Making web site fill browser screen

 
0
  #5
Apr 4th, 2005
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.
Reply With Quote Quick reply to this message  
Join Date: Jul 2004
Posts: 764
Reputation: DaveSW is on a distinguished road 
Solved Threads: 17
DaveSW's Avatar
DaveSW DaveSW is offline Offline
Master Poster

Re: Making web site fill browser screen

 
0
  #6
Apr 4th, 2005
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.
Reply With Quote Quick reply to this message  
Join Date: Mar 2005
Posts: 13
Reputation: mark25787 is an unknown quantity at this point 
Solved Threads: 0
mark25787 mark25787 is offline Offline
Newbie Poster

Re: Making web site fill browser screen

 
0
  #7
Apr 5th, 2005
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.
Reply With Quote Quick reply to this message  
Join Date: Jul 2004
Posts: 764
Reputation: DaveSW is on a distinguished road 
Solved Threads: 17
DaveSW's Avatar
DaveSW DaveSW is offline Offline
Master Poster

Re: Making web site fill browser screen

 
0
  #8
Apr 5th, 2005
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?
Reply With Quote Quick reply to this message  
Join Date: Mar 2005
Posts: 13
Reputation: mark25787 is an unknown quantity at this point 
Solved Threads: 0
mark25787 mark25787 is offline Offline
Newbie Poster

Re: Making web site fill browser screen

 
0
  #9
Apr 5th, 2005
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
Reply With Quote Quick reply to this message  
Join Date: Jul 2004
Posts: 764
Reputation: DaveSW is on a distinguished road 
Solved Threads: 17
DaveSW's Avatar
DaveSW DaveSW is offline Offline
Master Poster

Re: Making web site fill browser screen

 
0
  #10
Apr 5th, 2005
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.
Reply With Quote Quick reply to this message  
Reply

This thread is more than three months old.
Perhaps start a new thread instead?
Message:



Other Threads in the JavaScript / DHTML / AJAX Forum
Thread Tools Search this Thread



About Us | Contact Us | Advertise | DaniWeb | Acceptable Use Policy | RSS Feed

©2003 - 2009 DaniWeb® LLC