| | |
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
![]() |
•
•
Join Date: Mar 2005
Posts: 13
Reputation:
Solved Threads: 0
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
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
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>
•
•
Join Date: Dec 2004
Posts: 1,655
Reputation:
Solved Threads: 35
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.
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.
•
•
Join Date: Mar 2005
Posts: 13
Reputation:
Solved Threads: 0
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.
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.
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?
Could you create a page, zip it and send it to me?
•
•
Join Date: Mar 2005
Posts: 13
Reputation:
Solved Threads: 0
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
http://www.lamanga-soluciones.com/Ne...ment_Sales.htm
Thanks
Mark
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.
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.
![]() |
Other Threads in the JavaScript / DHTML / AJAX Forum
- Previous Thread: new popup window, chromeless / no scrolls?
- Next Thread: Add textbox to editable div problem
| Thread Tools | Search this Thread |
acid2 ajax ajaxcode ajaxexample ajaxhelp ajaxjspservlets animate array automatically beta box browser bug calendar captchaformproblem cart checkbox close codes column createrange() css cursor date debugger decimal dependent design dom download dropdown element embed enter error events firefox focus form frameworks getselection google gwt gxt hiddenvalue highlightedword hint html htmlform ie7 iframe images index internet java javascript javascripthelp2020 jawascriptruntimeerror jquery jsfile jsp libcurl listbox maps masterpage media menu microsoft mimic mp4 onmouseover paypal php player position post problem programming progressbar prototype redirect regex runtime safari scale scriptlets search security select size software sql text textarea unicode w3c website window windowofwords windowsxp






