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?
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?
Originally Posted by kiwibrit
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):
U can study html-code of old works (with a simple code) of this studio
Last edited by rumake; 11-14-2005 at 04:06 AM.
- blog about web-developing in Sibiria [russian language]
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.
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)
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.
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)