Hi,
I have just started a re-development of my existing website and I have two (2) problems that I would like to solve…see my test site which has the Home Page and Services Page working in my new look…
[URL=”http://www.xlautomation.com.au/test”]http://www.xlautomation.com.au/test
Both problems are related to how the web site appears on different screen resolutions. I want the site to scale and be positioned in the centre of the browser regardless of whether the user is viewing from 1024×768 or 1280×1024.
Problem 1 – Page not Centered
The pages are displaying in the top left of the browser window. On a 1024×768 browser window this is fine but when viewed on 1280×1024 or higher it does look right…..I have tried using Margins within my stylesheet but this affects how the page rendered in the lower resolutions…
Problem 2 – Margins not working
The Services page has the Main Text displayed to the right of the left navigation. On a 1024×768 browser window the text looks great and is shown in line with the heading banner. But on a 1280×1024 or higher the text extends to the right of the heading banner as the whole page width is utilised. I would like the page just to be centred so that the text was always displayed underneath the heading banner. Again i have tried using Margins to align the text to the heading banner. This works for 1280×1024 and shows the text properly but when you view the page using margins under 1024×768 you see very little text and the whole page is extended downwards.
Apologies for the length of the post…..any assistance would be appreciated.
If you want a copy of my stylesheet let me know