Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

Website automatic sizing

Posted on 2009-05-13
7
Medium Priority
?
286 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
7 Comments
 
LVL 19

Expert Comment

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

Expert Comment

by:Tyler Laczko
ID: 24377562
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
ID: 24377589
Any suggestions for what I should do on a site that's already developed?
0
Looking for a new Web Host?

Lunarpages' assortment of hosting products and solutions ensure a perfect fit for anyone looking to get their vision or products to market. Our award winning customer support and 30-day money back guarantee show the pride we take in being the industry's premier MSP.

 
LVL 12

Expert Comment

by:alien109
ID: 24378041
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
ID: 24378162
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
ID: 24378220

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

Accepted Solution

by:
alien109 earned 250 total points
ID: 24378333
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

Stressed Out?

Watch some penguins on the livecam!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Originally, this post was published on Monitis Blog, you can check it here . Websites are getting bigger and more complicated by the day. Video, images and custom fonts are all great for showcasing your product or service. But the price to pay in…
When it comes to security, close monitoring is a must. According to WhiteHat Security annual report, a substantial number of all web applications are vulnerable always. Monitis offers a new product - fully-featured Website security monitoring and pr…
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

688 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