Forum Moderators: not2easy
Only a few months ago, I was quiet satisfied to be designing sites with 780 * 600 resolution.
Now I am beginning to see more and more users with screen resolution of 1076 * 768.
As I am using CSS and XHTML for layout and structure.Does anyone out there know the best way to upgrade from 780*600 to 1076 *768?
My css is absolute so my own thoughts were to try and center the sites 780*600 so that they look fairly decent on 1076 *768
I can't seem to get this to work.I tried wrapping everything in a 'content div' and using text align ="center" but there must be a better way.........I came across a posting here that mentioned something about margins?
I hope ye understand what I am trying to do
Thanks in advance
BArry
My gut reaction is to try and cater for every resolution by making your design fluid, and not reliant on absolute, pixel-perfect measurements.
The problem is that if you try to cater for 1024x768, things look wrong in 800x600, and to a certain extent vice versa.
Would changing to a fluid design be an avenue open to you?
Fluid design would be an option, provided I could still use xhtml + css.
I used to do fluid design with tables etc etc
I suppose there is a way with css also.........?
Lets suppose I was starting a project in the morning and wanted fluid design.Would that mean no graphics greater than 760.
When you say fluid, do u mean fluid for 800 * 600 and higher or across the board?
I know one way to do it by having margins set as %.
I wonder what th wsc recommendation is?
Thanks blobfisk.....your forcing me to think!
BArry
By fluid I mean that the users resolution is (to a certain extent) irrelevant. The content fills all available space.
Glish and BlueRobot have some examples of fluid design and there are some excellent approaches outlined here in the CSS Forum.
