www.webdeveloper.com
Results 1 to 9 of 9

Thread: A website viewable in all screen dimensions

  1. #1
    Join Date
    Nov 2005
    Posts
    36

    A website viewable in all screen dimensions

    Is it possible? I mean, is there a way to make a website that will change dimensions based on the user's screen dimensions? How can I be assured that my website will be the correct size for the majority of people that view it?

  2. #2
    Join Date
    Jun 2005
    Location
    United Kingdom
    Posts
    1,043
    A fully fluid web site is quite possible. But your images will be the same size in all browsers. Beware that high-definition screens may show a very spread out display. In theory you can restrict this with max-width styling. But in practice, IE does not yet support this, and unfortunately, only proprietary styling (which won't validate) will overcome this.

  3. #3
    Join Date
    Nov 2005
    Posts
    36
    Quote Originally Posted by kiwibrit
    A fully fluid web site is quite possible. But your images will be the same size in all browsers. Beware that high-definition screens may show a very spread out display. In theory you can restrict this with max-width styling. But in practice, IE does not yet support this, and unfortunately, only proprietary styling (which won't validate) will overcome this.
    So then what do I need to do to make the website I am designing NOW be fully fluid?

  4. #4
    Join Date
    Jul 2005
    Location
    USA
    Posts
    3,910
    Learn CSS. | SSI | PHP includes | X/HTML Validator | CSS validator | Dynamic Site Solutions

    Design/program for Firefox (and/or Opera), apply fixes for IE, not the other way around.

    Check out my blog.

  5. #5
    Join Date
    Oct 2005
    Location
    Novosibirsk, Russia
    Posts
    8
    This way (viewable in all screen dimensions) is very popular in Russia. Look at works of our famous web-design studio http://www.artlebedev.com/

    Examples (last works):
    http://d600.samsung.ru/
    http://www.queengroup.ru/
    http://www.mondibp.ru/
    http://www.matiz2.ru/
    http://www.kozelbeer.ru/


    U can study html-code of old works (with a simple code) of this studio
    Last edited by rumake; 11-14-2005 at 03:06 AM.
    Rumake - blog about web-developing in Sibiria [russian language]

  6. #6
    Join Date
    Feb 2003
    Location
    Wales, UK
    Posts
    3,147
    There is more than one way of achieving this:
    - html tables with widths set as a percentage - this is the way which appears to have been used in the links by rumake
    - CSS columns - as linked to by Kravitz, a far better way of achieving it.
    In a world without walls and fences - who needs Windows and Gates?! - Unknown Author
    "And there's Bill Gates, the...most...famous...man in the...ah...Microsoft." -- A TV commentator for the 2000 Olympics.


    Web Design Faq? | W3C | Validator | Accessibility testing | Speed up your PC | Wura | Box Model Research

  7. #7
    Join Date
    Nov 2005
    Posts
    7
    You mean resizeable website? i think it can be done using javascript.. try to visit this link it has a resizeable website screen resolution dependent and browser depedent. its really great!!! http://www.designs.activediscovery.net
    Wants Resizeable website Visit http://www.designs.activediscovery.net

  8. #8
    Join Date
    Feb 2003
    Location
    Wales, UK
    Posts
    3,147
    Hang on, we're in an accessibility forum and you're suggesting using a method that depends on javascript?
    What happens to the users with javascript disabled? Particularly since that latest javascript vulnerability has been discovered in IE6, as yet unpatched....
    In a world without walls and fences - who needs Windows and Gates?! - Unknown Author
    "And there's Bill Gates, the...most...famous...man in the...ah...Microsoft." -- A TV commentator for the 2000 Olympics.


    Web Design Faq? | W3C | Validator | Accessibility testing | Speed up your PC | Wura | Box Model Research

  9. #9
    Join Date
    Jan 2005
    Location
    Alicante (Spain)
    Posts
    7,739
    Forget tables, after all this is the accessibility forum, isn't it. Your choices are as follows:
    1) Completely fixed size layout with auto margins
    2) Semi-fixed/ semi-fluid layout (some fixed columns and some fluid ones)
    3) Fully fluid layout. (No horizontal scroll bar when you shrink it)
    4) Make multiple sites of different sizes. Get screen size from javascript and serve pages based on this. Use a default sceensize of 1024 x 768 when dimensions are not available.

    Option 3 is ideal but option 1 & 2 often most practical. Option 4 is starting to look like a lot of work but one thing it does allow for is that images can be scaled based on screen size.

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