Solved

Website automatic sizing

Posted on 2009-05-13
7
270 Views
Last Modified: 2012-08-13
I'm creating a new website for our company. How do I format the entire site to resize according to the resolution of the local pc connecting to it?
0
Comment
Question by:qmsadmin
7 Comments
 
LVL 19

Expert Comment

by:erikTsomik
Comment Utility
put the content of your site into the table and use percentages rather then values
0
 
LVL 10

Expert Comment

by:Tyler Laczko
Comment Utility
Use javascript to detect their window size.

http://www.howtocreate.co.uk/tutorials/javascript/browserwindow



This is an old style of developing websites. I highly recommend fixed widths. You can visit some of my sites such as:

www.pcsask.com
www.xboxmod.info
0
 
LVL 1

Author Comment

by:qmsadmin
Comment Utility
Any suggestions for what I should do on a site that's already developed?
0
Threat Intelligence Starter Resources

Integrating threat intelligence can be challenging, and not all companies are ready. These resources can help you build awareness and prepare for defense.

 
LVL 12

Expert Comment

by:alien109
Comment Utility
When you say resize, do you mean a liquid layout? Like - the content area scales, but navigation stays flush left and the same size?

For a new site, I wouldn't worry about adjusting to a specific resolution. Instead, find the lowest resolution you are willing to support, and design from that up. I would suggest you try something like
http://layouts.ironmyers.com/to generate the initial layout for your page, and then go from there. Stay away from table layouts, IMO.

For an existing site, that all depends on how it is currently laid out and what kind of content there is in it. If you have a bunch of images and what not that is sized to fit specific content containers that have absolute widths, you're going to end up with some aesthetic issues when those are resized ro fill the space.
0
 
LVL 1

Author Comment

by:qmsadmin
Comment Utility
Alien109, I mean I want the entire site to scale, including the header, footer, navigation, and body.
I have started designing a site in Photoshop using 800x600 pixels as the size. So, now I have a .psd and its associated .html and images folder. How would I apply one of these CSS layouts to this using Dreamweaver, or whatever you suggest?
0
 
LVL 1

Author Comment

by:qmsadmin
Comment Utility

professionalcomputersolutions...It looks like the xmod.info resizes somewhat, but your other page doesn't
0
 
LVL 12

Accepted Solution

by:
alien109 earned 125 total points
Comment Utility
qmsadmin,

You'd need to download the associated files and then open up the html page(s) in Dreamweaver. Then you can start adding in your content and tweaking styles.

Again, this depends on how the site is designed and if it lends itself to a fluid layout.
0

Featured Post

What Security Threats Are You Missing?

Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

Join & Write a Comment

Using SQL Scripts we can save all the SQL queries as files that we use very frequently on our database later point of time. This is one of the feature present under SQL Workshop in Oracle Application Express.
Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

771 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now