| | ||||||||
| |||||||||
 |
08-31-2009, 06:08 PM
| #1 |
| Warrior Member War Room Member Join Date: May 2009
Posts: 7
Thanks: 1
Thanked 0 Times in 0 Posts
|  webpage self adjusts to match screen size?
What do you call and how do I create a webpage that self adjusts to match the screen size of the computer viewing it? I am using Dreamweaver 8. Thanks Matt |
|  |
|
08-31-2009, 06:53 PM
| #2 |
| Senior Warrior Member War Room Member  Join Date: Sep 2008 Location: Honolulu, Hawaii, USA & Montreal Canada
Posts: 2,218
Blog Entries: 1 Thanks: 759
Thanked 724 Times in 505 Posts
| Re: webpage self adjusts to match screen size?
By their own nature all basic HTML pages will adjust to the size of the display area. Once you apply style sheets or tables to format text you can either specify a fixed width in pixels or a percentage of the screen width. I think the terms you are looking for are "floating" or "fixed" width. Bill |
|
| |
|
09-01-2009, 04:23 AM
| #3 |
| Warrior Member Join Date: Jul 2009 Location: Sydney, Australia
Posts: 25
Thanks: 0
Thanked 2 Times in 2 Posts
| Re: webpage self adjusts to match screen size?
I'd suggest to go with a fixed width. It's much cleaner and allow you to control the design in a neat way  |
|
| |
|
09-01-2009, 10:42 AM
| #4 |
| WebStranica  Join Date: Aug 2009 Location: Novi Sad, Serbia
Posts: 10
Thanks: 0
Thanked 0 Times in 0 Posts
| Re: webpage self adjusts to match screen size? mljohn, You can use liquid layout design. Css Code: #window {
width: 100%;
} Code: <div id="window"> </div> |
| | |
|
| |
|
09-03-2009, 12:22 AM
| #5 |
| HyperActive Warrior Join Date: Aug 2008 Location: Lancaster,PA
Posts: 354
Blog Entries: 1 Thanks: 5
Thanked 52 Times in 36 Posts
| Re: webpage self adjusts to match screen size?
here is a site I frequent often, this particular page addresses your issue, PLUS gives you a free template to work from The Perfect Fluid Width Layout | CSS-Tricks hope it helps! Linda |
| ================================ I am taking on only ecover design work for the next 90 days. Rates are 47.00 for single cover, discounts for multiple..just ask! No payment until completed. http://www.d27portfolio.com for sample works | |
|
| |
|
09-03-2009, 05:31 AM
| #6 |
| Warrior Member | Re: webpage self adjusts to match screen size?
It's called a floating design. I think this is a design of the future. Google SE is a floating design, for example. Sometimes it's hard to control the exact structure of your web content with this design, so you can use hybrid design instead, meaning some elemets will be fixed while other float. I find this the best way to design a webpage.
|
| | |
|
| |
|
09-04-2009, 04:38 AM
| #7 | |
| Senior Warrior Member War Room Member  Join Date: Jan 2006 Location: Pakistan
Posts: 3,271
Thanks: 361
Thanked 245 Times in 109 Posts
| Re: webpage self adjusts to match screen size? Quote:
As already advised you need to put your main div's width in % i.e. if it is a div name id Wrapper... in Css it should have #Wrapper{ width:99% } I just wanted to mention one more thing, to save the design from collapsing in a low resulotion small screens... please set min-width in a fixed value, for instance in our example it becomes... #Wrapper{ width:99% min-width:575px } Best Regards, Mohsin Rasool http://www.MohsinRasool.com | |
|
Free Instant Traffic - http://www.FreeInstantTraffic.com Stealth Forum Marketing - http://www.StealthForumMarketing.com/ Outsource Website Development & Blog Creation @ http://www.WarMarks.com | ||
|
| |
 |
|
| Tags |
| adjusts, match, screen, size, webpage |
| Thread Tools | |
| |
 |
