www.webdeveloper.com
Results 1 to 8 of 8

Thread: Resizing web page content to fit viewers screen

  1. #1
    Join Date
    May 2010
    Posts
    14

    Resizing web page content to fit viewers screen

    Hello all,

    I dont have the slightest clue on how to write in HTML or Java. I have tried to search for the answer but to be honest I cant even tell if the results of my search is what I need.

    I am building a website using Adobe Dreamweaver using the design function. What I need to do is make a screen that will resize itself upon loading depending on the viewers settings.

    If someone could kindly supply the code or tell me where I could find it AND how/where to use it, I would be forever grateful. Its really starting to frustrate me

    Thanks in advance!

  2. #2
    Join Date
    Mar 2010
    Posts
    672
    What you're wanting is a "fluid" design. However it more so expands to the user resolution instead of adjusting itself at load time.
    However, i am sorry to say that you can't take the easy way out. If you want to become a good developer you need to learn html and css, you can't rely on dreamweavers design section (admittedly i use it occasionally, but only for things like image maps). You should use the design section only to judge how your code is being interpreted (hence the dual mode is usually helpful). If you let the design section create code for you, you'll end up with a messy site that won't function well across all browsers. As an assistance tool it is helpful, but you should never rely on it 100% to produce your code.
    You should start learning html then transition into css. As a helpful hint, learn from the beginning to favor div's over tables (though still learn both), as div's give you more freedom and render quicker.

    edit: Some good places to start:
    http://www.w3schools.com/html/html_intro.asp - while not 100% standards compliant they give a good introduction into html.
    http://www.w3schools.com/css/css_intro.asp
    Last edited by Jarrod1937; 05-29-2010 at 10:13 AM.

  3. #3
    Join Date
    May 2010
    Posts
    14
    Thanks for your reply Jarrod.

    Using Dreamweaver this was is ok by me. I am only creating this one website and then all Im doing is keeping it up to date.

    I will have a look at those tutorials though. There's nothing wrong with learning a thing or two.

    Thanks again!

  4. #4
    Join Date
    Mar 2010
    Posts
    672
    Oops, forgot to add a bit on the end about fluid layouts.
    After you're done with those tutorials and learning a lot on your own checkout sites like:
    http://www.maxdesign.com.au/articles/liquid/
    To create a fluid/liquid layout. The reason i suggest this is that you need a very clear understanding of separating structure from design and using css to do so. After you do that you can start on fluid layouts.

    edit: posted a non mt specific site on fluid layouts.
    Last edited by Jarrod1937; 05-29-2010 at 10:33 AM.

  5. #5
    Join Date
    Mar 2010
    Posts
    672
    Quote Originally Posted by M0V13574R View Post
    Thanks for your reply Jarrod.

    Using Dreamweaver this was is ok by me. I am only creating this one website and then all Im doing is keeping it up to date.

    I will have a look at those tutorials though. There's nothing wrong with learning a thing or two.

    Thanks again!
    Yeah, i'm with you, if its just a hobby thats a bit different. However, this question is still like someone asking someone else to tell them how to program a cms (database driven content management system) without knowing databases, html, css, or even a server side language. Hobby or not, some things require the user to become proficient before taking on the task.

  6. #6
    Join Date
    May 2010
    Posts
    14
    And here I was thinking it would be a bit of code that you put in the header of your html code! :P

  7. #7
    Join Date
    Mar 2010
    Posts
    672
    Quote Originally Posted by M0V13574R View Post
    And here I was thinking it would be a bit of code that you put in the header of your html code! :P
    Haha, yeah its more like coding your main container elements to expand while changing your graphical design to work with expansion, all the while then coding your actual content to also expand properly.

  8. #8
    Join Date
    May 2005
    Location
    Gold Coast (MS)
    Posts
    2,207
    This might help...

    Choosing Dimensions for Your Web Page Layout:

    http://www.elated.com/articles/choos...b-page-layout/
    How to create flexible sites quickly using standards like CSS and XHTML: http://www.ibm.com/developerworks/web/library/wa-rapid/
    In Search of the Holy Grail: http://www.alistapart.com/articles/holygrail/

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles