alib_15 0 Report post Posted September 25, 2009 Hi. I'm looking for some general advice or techniques for page layout. In particular how to design a page that looks equally good on a desktop square monitor and a rectangular laptop screen?I understand they're different resolutions and all but how are you guys going about your designs? Is it just a matter of lots of practise and knowing what works well and what doesn't or are there any good guidelines to be thinking about or heuristics for the box model methodolgy?Ali Quote Share this post Link to post Share on other sites
davelf 0 Report post Posted September 26, 2009 there no box or shape theory when you make an interface like website. May be what you should concert is resolution on position. Quote Share this post Link to post Share on other sites
alib_15 0 Report post Posted September 26, 2009 I know there are scripts you can run to detect which browser is loading a page - e.g. I.E.7 or Firefox etc.Can you do the same sort of thing for monitor resolution?Ali. Quote Share this post Link to post Share on other sites
Synook 47 Report post Posted September 26, 2009 Generally, you either make your website so it is fixed-width (e.g. always 960px wide) or so that it fills up the whole screen (using auto widths). Either way, it is not something that PHP controls. Quote Share this post Link to post Share on other sites
davelf 0 Report post Posted September 26, 2009 you should try to make the interface, the resolution and position is base on what kind of interface do you want. I can't give an example code before you have problem with the resolution or position. Till now i think there's no absolute / fix resolution, from my experience in making web interface. There's always problem in interface and resolution. Quote Share this post Link to post Share on other sites
alib_15 0 Report post Posted September 27, 2009 Yea .. I have just finished my first try at a website. I designed it on my laptop and it looked okay. But on a square monitor some of the pages looked odd, kinda top heavy.Ali Quote Share this post Link to post Share on other sites
Synook 47 Report post Posted September 28, 2009 Note - there are no "square" monitors (in common usage), the common aspect ratios are 4:3, 16:10 and 16:9. Also, there are many different resolutions at each aspect ratio. Quote Share this post Link to post Share on other sites
davelf 0 Report post Posted September 28, 2009 is there any link to your web, so we can check on it. It's really difficult to give solution without knowing what exactly your problem. Quote Share this post Link to post Share on other sites
alib_15 0 Report post Posted September 28, 2009 Sorry there is no link. I'm using WAMP to run my PHP scripts and database. (and I haven't learnt enough yet).It was just a college exercise but its my first proper exposure to html etc and I'm really enjoying it. I posted on the Javascript section and received some good info on the screen properties - screen.availHeight etcthat might be worth experimenting a bit with.Thanks for the help.Ali Quote Share this post Link to post Share on other sites