HTML, JavaScript And CSS Help
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
 
User Name:
Password:
Remember me
Go Back   ASP Free ForumsProgrammingHTML, JavaScript And CSS Help

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread ASP Free Forums Sponsor:
  #1  
Old October 15th, 2004, 09:07 PM
ibn battuta ibn battuta is offline
Registered User
ASP Free Newbie (0 - 499 posts)
 
Join Date: Oct 2004
Posts: 6 ibn battuta User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 0
Post how can i make my web page autosize?

hi
i'm developping a site using dreamweaver MX 2004
but i want to know how can i make my web pages "autosize" so that they fit all screens (15. 17, and others) without appearing a scroll bar in the bottom of the page
thanks

Last edited by ibn battuta : October 15th, 2004 at 09:09 PM. Reason: web design

Reply With Quote
  #2  
Old October 16th, 2004, 08:35 AM
Lafinboy's Avatar
Lafinboy Lafinboy is offline
The Laughing Moderator
ASP Free Loyal (3000 - 3499 posts)
 
Join Date: Apr 2004
Location: Sydney, Australia
Posts: 3,268 Lafinboy User rank is Sergeant Major (2000 - 5000 Reputation Level)Lafinboy User rank is Sergeant Major (2000 - 5000 Reputation Level)Lafinboy User rank is Sergeant Major (2000 - 5000 Reputation Level)Lafinboy User rank is Sergeant Major (2000 - 5000 Reputation Level)Lafinboy User rank is Sergeant Major (2000 - 5000 Reputation Level)Lafinboy User rank is Sergeant Major (2000 - 5000 Reputation Level)  Folding Points: 29199 Folding Title: Starter FolderFolding Points: 29199 Folding Title: Starter Folder
Time spent in forums: 2 Weeks 1 Day 11 h 5 m 21 sec
Reputation Power: 36
Send a message via ICQ to Lafinboy Send a message via AIM to Lafinboy Send a message via MSN to Lafinboy Send a message via Yahoo to Lafinboy Send a message via Skype to Lafinboy
Make sizes of elements of the page relative rather than fixed. For example, if you want to make your page fill the full width of the screen set the size of the body element to 100%. It will then autosize to whatever size monitor it is displayed on.

Be careful to test at all sizes to see the effects of larger/smaller dimensions, and place fixed sized elements where needed to maintian layout and proportion.

Reply With Quote
  #3  
Old October 16th, 2004, 05:38 PM
Phoenix's Avatar
Phoenix Phoenix is offline
Web-Standards Evangelist
ASP Free Intermediate (1500 - 1999 posts)
 
Join Date: Nov 2003
Posts: 1,522 Phoenix User rank is Corporal (100 - 500 Reputation Level)Phoenix User rank is Corporal (100 - 500 Reputation Level)Phoenix User rank is Corporal (100 - 500 Reputation Level)Phoenix User rank is Corporal (100 - 500 Reputation Level) 
Time spent in forums: 4 Days 23 h 49 m 54 sec
Reputation Power: 10
Quote:
Originally Posted by ibn battuta
so that they fit all screens (15. 17, and others) without appearing a scroll bar in the bottom of the page
thanks


Surely you mean screen resolution?

But yeah, as Lafinboy said just use relative sizes

and please... for the love of god, do not use tables for layout!

Try to use a CSS2 layout, this offers increased flexibility with layouts and works a lot better for users of lower desktop resolutions

But the good news for web-designers thesedays is that you don't need to design for 640x480 anymore... 800x600 is the bare minimum thesedays, with an ever-increasing number of people adopting 1024x768 (I think its around 60% of all computer users, and 80% of all internet users)

Reply With Quote
  #4  
Old October 19th, 2004, 03:03 PM
niteshrao niteshrao is offline
Registered User
ASP Free Newbie (0 - 499 posts)
 
Join Date: Oct 2004
Location: midl est
Posts: 10 niteshrao User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 0
autosize

Your problem is too basic and I feel you need to understand the properties of "table" and other html tags more thoroughly as it is a very interesting experience designing an autosizing page not only in terms of how it spans the whole width of the page, but also itz attractive graphical appearance.
if you do a little r&d on dreamweaver and notepad, as well as your graphic software (mostly photoshop) you can get very interesting results.

Reply With Quote
  #5  
Old October 19th, 2004, 04:57 PM
Phoenix's Avatar
Phoenix Phoenix is offline
Web-Standards Evangelist
ASP Free Intermediate (1500 - 1999 posts)
 
Join Date: Nov 2003
Posts: 1,522 Phoenix User rank is Corporal (100 - 500 Reputation Level)Phoenix User rank is Corporal (100 - 500 Reputation Level)Phoenix User rank is Corporal (100 - 500 Reputation Level)Phoenix User rank is Corporal (100 - 500 Reputation Level) 
Time spent in forums: 4 Days 23 h 49 m 54 sec
Reputation Power: 10
Quote:
Originally Posted by niteshrao
Your problem is too basic and I feel you need to understand the properties of "table" and other html tags more thoroughly as it is a very interesting experience designing an autosizing page not only in terms of how it spans the whole width of the page, but also itz attractive graphical appearance.
if you do a little r&d on dreamweaver and notepad, as well as your graphic software (mostly photoshop) you can get very interesting results.


Did you just read my post, or are you ignoring the facts completely just to annoy me?

You're not meant to use Photoshop/ImageReady's slice exports to produce final HTML

You're not meant to use the <table> element for page layout

You're not meant to use Dreamweaver's "design view" for serious web-work

Any questions?

Reply With Quote
Reply

Viewing: ASP Free ForumsProgrammingHTML, JavaScript And CSS Help > how can i make my web page autosize?


Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump





 Free IT White Papers!
 
Create the Optimal Architecture for your Critical Applications
Warburton's the largest independently owned bakery in the UK faced a number of difficult challenges in providing the most robust yet efficient IT infrastructure for their organization's success. IBM's services combined with their xSeries servers created the perfect platform for their SAP environment with sufficient flexibility, and did so in very time effective fashion.

 
Five Best Practices for Deploying a Successful Service-Oriented Architecture
This white paper describes the benefits you can expect with SOA, and how IBM can help take your business there.

 
Gartner Magic Quadrant for Application Delivery Controllers
Gartner summarizes its view on Application Delivery Controllers, evaluates strengths and weaknesses of solutions, and provides Magic Quadrant reporting for a quick comparison across all vendors. Learn from Gartner how you can benefit from an all-in-one device like Citrix NetScaler that delivers the highest levels of availability, performance and security.

 
Knowledge is Power
What you don't know can hurt you, and is likely costing you money and increasing your security risks during an era of scarce resources. This white paper proposes six key strategies that enterprise security managers can use to improve their network defense posture.

 
Rationalizing the Multi-Tool Environment
The rationalized multi-tool approach is flexible, scalable and cost effective. It provides the necessary input to the IT service management business processes. It preserves prior investments in monitoring tools, empowers technologists to select the best tools with which to do their jobs, and enhances effective response to incidents.

 

Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 





© 2003-2010 by Developer Shed. All rights reserved. DS Cluster 11 Hosted by Hostway
For more Enterprise Application Development news, visit eWeek