page size
Microsoft Office TrainingThe UK's Number 1 for Microsoft Office Training Sitemap add this page to your favourites/bookmarksBookmark page
 
view a printable version of this pagePrintable version
Plus One Google
Customer: Sign in
Delegate: Sign in
Trainer: Log in

Forum home » Delegate support and help forum » Dreamweaver Training and help » Page size

Page size

resolvedResolved · Urgent Priority · Version CS3

replyReplyTue 3 Mar 2009, 10:07Delegate Nathalie said...

Page size

Hi,

How do I create a site that would adjust the size of the page according to the different sizes of monitors?

Thank you.

For upcoming training course dates see: Pricing & availability

replyReplyTue 3 Mar 2009, 23:15Trainer Rich said...

RE: Page size

Hi Nathalie,

You'll forgive me for smiling widely, and saying "welcome to the world of web design!"

What you're asking is a very common topic of discussion, and a challange that all web designers face.

Keep in mind, that even if your visitor has a resolution of, say, 1024x768, they may not have maximised their browser window. They may also have a big sidebar with their browsing history, or bookmarks, or another toolbar they've installed.

There are three roads you can take here.

1) Make a 'fixed width' site, catering for the majority of your audience's resolution. Install an analytics tool to gather stats of your visitors (Google Analytics is free and fairly easy to set up). The 'safe' resolution at the moment is 1024x768. It used to be 800x600, but more and more sites are defaulting to 1024.

To acheive this technically, you can use CSS. Dreamweaver has plenty of templates to choose from - see your File -> New dialogue box. The old way was to have an HTML table, with a fixed width of pixels. Sometimes this table would be centred, so that you have an even amount of space on either side of the site.

2) Make an 'elastic width' site, which adjusts automatically to cater for whatever size window the user chooses. Like our site here. For that, you just make your DIVs or layout TABLE 100% in width, and don't try and control the text or layout too much.

3) Detect which resolution your visitor is using (eg. using Javascript), and apply a different style (eg. CSS style sheet file) which adjusts your site to fit that reslution - Much more work! Good luck with THAT one.

Which way you choose also depends on the type of content you're displaying. eg. if it's a site of essays, elastic site's are fine - they will just adapt to fit all of the text in the browser window. For more graphical sites, with sidebars and sections, you may want to stick with the fixed width solution.

If this answer resolves your query, please mark the question as 'resolved' (see below). Otherwise, please post a follow-up response to this post, and I will assist you further.

Regards, Rich

Tue 10 Mar 2009: Automatically marked as resolved.

 

 

Please browse our web site to find out more about
dreamweaver training course london and other Microsoft training courses.

Dreamweaver tip:

Css styles

If you are looking for a CSS style for your website / web page and not sure what you want to use, then go to the Csszengarden website, where you can download samples to try.

View all Dreamweaver hints and tips

forum postWhat does Visual Basics mean?

» Forum post: Macros


Rate this page:
2.2/5 (213 votes cast)
Accredited Training Provider: Institute of IT Training Institute of Leadership and Management - Certified Courses
Microsoft Certified Partner
Security Seal verified by visa, mastercard securecard

Mini sitemap. These are the main areas of our web site. Full sitemap.

Management training

Professional Skills courses
Project Management Course London
Project Management Courses London
Project Management Training London
Project Management Training
Project Seminar
Project Seminars
Time Management Course London
Time Management London
Time Management Courses London
Time Management Training London
Introduction to Finance course
Assertiveness Skills course
Effective Communications Skills training
Presentation Skills London

Training Formats

Public scheduled courses
On-site training
Closed company courses

Consultancy
Application Development

Blogs

Excel Training
MS Project Training
Microsoft Training Blog

Version differences

Office 2010 vs 2007
MS Project version differences

Training Information

London Computer Training
Computer Training London
Docklands Training Courses
Docklands Training London

Training venues London
Client list
FAQ
Pricing and availability
Course details / Syllabus

Training Articles
Training Information

Microsoft training

Microsoft Office training
& IT Applications

Microsoft Project training
Microsoft Outlook training
Microsoft Powerpoint training
Microsoft Word training
MS Project courses
MS Project training
Outlook courses
PowerPoint courses
PowerPoint training
VBA courses
Word courses
Microsoft.training
(more...)

Excel Training

Excel courses
Excel Training Courses Medway
Autonumber in Excel
Microsoft Excel training
Basic Excel Courses
Basic Excel Course
Basic Excel Training

Interested in MS Access training?

Access courses
Microsoft Access training
Microsoft access courses
Microsoft training access course
Microsoft+access+training
Access courses in london

Training provider

Training providers
IT training companies
IT training providers
Management Training providers
Management Training provider

Event history, feedback results
Events in 2012 · 2011 · 2010 · More

See also

Crystal Reports training