What size do you make fixed-width sites?
Moderator: General Moderators
- Maugrim_The_Reaper
- DevNet Master
- Posts: 2704
- Joined: Tue Nov 02, 2004 5:43 am
- Location: Ireland
- RobertGonzalez
- Site Administrator
- Posts: 14293
- Joined: Tue Sep 09, 2003 6:04 pm
- Location: Fremont, CA, USA
770 is my default for fixed with, but I rarely, if ever, use that anymore. Fixed widths are so non-flexible, and there really is no reason to use them (not from I can see anyway). I see fixing the width of a content area, but the entire site... just seems silly to me to restrict the feel of the site.
how do you guys see things on 1280x1024 =[
I have a 17 inch monitor, and that resolution is far too tiny for me.
I have a 17 inch monitor, and that resolution is far too tiny for me.
Set Search Time - A google chrome extension. When you search only results from the past year (or set time period) are displayed. Helps tremendously when using new technologies to avoid outdated results.
- RobertGonzalez
- Site Administrator
- Posts: 14293
- Joined: Tue Sep 09, 2003 6:04 pm
- Location: Fremont, CA, USA
-
alex.barylski
- DevNet Evangelist
- Posts: 6267
- Joined: Tue Dec 21, 2004 5:00 pm
- Location: Winnipeg
Some reading material I found interesting:
http://www.baekdal.com/reports/actual-browser-sizes/
http://justaddwater.dk/2006/09/02/browser-size/
http://www.useit.com/alertbox/screen_resolution.html
http://mentalized.net/journal/2006/10/2 ... l_numbers/
Some more thoughts:
When you cannot choose between fixed or liquid some other options are
- Liquid with min/max-width
works well in most modern browsers, some hackery needed for IE
- Resolution dependent layout
http://www.themaninblue.com/writing/per ... 004/09/21/
http://particletree.com/features/dynami ... t-layouts/
both depend on javascript but CSS-only is possible if you use a design in which you let floated columns shrink-wrap.
Designing for mobile devices is a different beast (something I haven't looked into enough, yet), but keep an eye on the forthcoming book http://mobilewebbook.com/ or read Cameron's articles about the subject. Only thing I know is that valid, clean coding according to standards (no frames, tables, etc, see also http://www.456bereastreet.com/archive/2 ... obile_web/) does help a lot for mobile devices.
http://www.baekdal.com/reports/actual-browser-sizes/
http://justaddwater.dk/2006/09/02/browser-size/
http://www.useit.com/alertbox/screen_resolution.html
http://mentalized.net/journal/2006/10/2 ... l_numbers/
Some more thoughts:
When you cannot choose between fixed or liquid some other options are
- Liquid with min/max-width
works well in most modern browsers, some hackery needed for IE
- Resolution dependent layout
http://www.themaninblue.com/writing/per ... 004/09/21/
http://particletree.com/features/dynami ... t-layouts/
both depend on javascript but CSS-only is possible if you use a design in which you let floated columns shrink-wrap.
Designing for mobile devices is a different beast (something I haven't looked into enough, yet), but keep an eye on the forthcoming book http://mobilewebbook.com/ or read Cameron's articles about the subject. Only thing I know is that valid, clean coding according to standards (no frames, tables, etc, see also http://www.456bereastreet.com/archive/2 ... obile_web/) does help a lot for mobile devices.