| | |||||
| ||||||||
| Web Design Discussion Discussion of web design techniques, advice, browser issues, software, design firms. |
![]() | NamePros Design Contests | Forum Sponsorship |
| Join in on the FUN! You can start an affordable design contest and pick from entries talented members submit or you can enter a design contest for a chance to win CASH PRIZES! What are you waiting for? Get started in the fun TODAY! - Banners, Logos, Mascots, and MORE! (Please READ the design Contest section rules Prior to starting or entering a contest) | ||
![]() |
| | LinkBack | Thread Tools |
| | THREAD STARTER #1 (permalink) |
| New Member Join Date: May 2004 Location: Singapore
Posts: 5
![]() | Please help! Alignment of webpages... Dear all, Can anybody please advise on how i should design a website to cater for both 800 by 600 and 1024 by 768 resolutions? For 1024 by 768, it should be centralised horizontally without top margin whereas for 800 by 600, it should be on the Top-Left without any margins. I'm using dreamweaver MX. Thank you very much! Regards, Jerlyn
__________________ Best regards, Jerej |
| |
| | #3 (permalink) |
| NamePros Member Join Date: May 2004 Location: Devon, UK
Posts: 76
![]() | There are three ways to make the same site look good on both - that I know of - I think you want to do the centralised version. Like this Astronomy site that I am designing. (Try resizing the window). I created this using XHTML but with CSS for the page layout. You make the main design of your site so that it will fit in 800 x 600 - with a width of 760 or similar. All you have to do is to put your entire page contents within a layout div with the following styles (can be in a seperate style sheet so it applies to the whole of your site). ????: NamePros.com http://www.namepros.com/web-design-discussion/31584-please-help-alignment-of-webpages.html div.layout {width:760px; margin-left:auto; margin-right:auto;} obviously you can add in what margins etc you want in there. On the main html page you would have - <div id="layout"> <p>content</p> </div> I have to hurry off now, so if you need more detail or something different just say and I'll come back later with it. Spirited |
| |