display web site correctly for most resoultions?
-
Hi, almost done with my project (I thought...) functionality is 100%, but I don't wanna put "best viewed on MY computer" on the bottom of the page...hehe But when I try to view it in 1024*768 it looks awful... And 800*600 is even worse (so bad u couldn't even click some of the buttons) I need help, and general tips on how I can now modify things to fit for crappy resolutions (=> 1024*768 and 800*600) I had been using absolute positions.. Now I've come to the conclusion I need to use pixels for text sizes... The goal I think would be to get it to fit PERFECT for 1024 at least, and 800*600 users should be used to crap anyway... (although I would like it to be usable for them too, this is a professional app and I cannot say "bha f' em") Just not sure how to get on with this, any general tips or links will be very appreciated... Please help..? :|
-
Hi, almost done with my project (I thought...) functionality is 100%, but I don't wanna put "best viewed on MY computer" on the bottom of the page...hehe But when I try to view it in 1024*768 it looks awful... And 800*600 is even worse (so bad u couldn't even click some of the buttons) I need help, and general tips on how I can now modify things to fit for crappy resolutions (=> 1024*768 and 800*600) I had been using absolute positions.. Now I've come to the conclusion I need to use pixels for text sizes... The goal I think would be to get it to fit PERFECT for 1024 at least, and 800*600 users should be used to crap anyway... (although I would like it to be usable for them too, this is a professional app and I cannot say "bha f' em") Just not sure how to get on with this, any general tips or links will be very appreciated... Please help..? :|
Smaller resolutions can be hard to work with. Usually it something that is part of the requirements up front, you work out what resolutions your users have and find some compromise resolution you agree to work toward. How much of your screen is in absolute positions? Could you rearrange things so some sections are fixed and others able to be resized, like the codeproject front page which has two fixed columns and a centre column that is resizable? This pattern works well with a variety of resolutions.
-
Smaller resolutions can be hard to work with. Usually it something that is part of the requirements up front, you work out what resolutions your users have and find some compromise resolution you agree to work toward. How much of your screen is in absolute positions? Could you rearrange things so some sections are fixed and others able to be resized, like the codeproject front page which has two fixed columns and a centre column that is resizable? This pattern works well with a variety of resolutions.
I have to make sure it looks perfect for 1024 (*768) which I THINK is the most common... (stressing think cos it seems like a horribly small res to me..) But since I worked with absolute positions in my main frame (top frame is title, log off button, etc; left frame is menu): my main problems are: I want the menu frame to fit no matter what (I'm guessing pixels is the way then, using the text of longest menu item and just testing out...)(the easy part) Now on main frame, lots of things happen, datagrids, trees, buttons, etc, everything.. But when I tested on 1024 or 800, some buttons are under labels (unclickable), and u need to scroll to left and right an awful lot... My main concern is making sure NOTHING EVER crosses (like my labels and buttons)... What would be the best way to make sure of that? Positioning?? (I recently migrated from classic asp to .net and always refused to use "design view"; this is my first time creating a web app with design and my phobia of it is far from cured after this experience...)
-
I have to make sure it looks perfect for 1024 (*768) which I THINK is the most common... (stressing think cos it seems like a horribly small res to me..) But since I worked with absolute positions in my main frame (top frame is title, log off button, etc; left frame is menu): my main problems are: I want the menu frame to fit no matter what (I'm guessing pixels is the way then, using the text of longest menu item and just testing out...)(the easy part) Now on main frame, lots of things happen, datagrids, trees, buttons, etc, everything.. But when I tested on 1024 or 800, some buttons are under labels (unclickable), and u need to scroll to left and right an awful lot... My main concern is making sure NOTHING EVER crosses (like my labels and buttons)... What would be the best way to make sure of that? Positioning?? (I recently migrated from classic asp to .net and always refused to use "design view"; this is my first time creating a web app with design and my phobia of it is far from cured after this experience...)
Mainly I have worked with tables for organising layout. Tables could help you with ensuring that sections do not overlap. For the menu you might find some sample html menus online that could help.
-
Mainly I have worked with tables for organising layout. Tables could help you with ensuring that sections do not overlap. For the menu you might find some sample html menus online that could help.
Thx for replies, I was afraid I would have to use tables... :/ I guess it's the best way... For menu, I already like mine (really cool :P) Just not sure how to set up the left frame so it fits menu on all resolutions... Unless some1 has a better idea, I'm going to work my way to the right pixel width so it fits perfectly for 1024, and not so bad if the little arrows are not showing for 800*600 users, and anyone over 1024 has room enough for a little extra margin after menu (looks better too) Again, thx for replies, very nice. :cool: -- modified at 4:38 Thursday 10th August, 2006 Actually, just moving my visual studio window from 1 screen (high res) to another (low res), and making sure it fits both...