473,325 Members | 2,792 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,325 software developers and data experts.

Centering 800x600 page in higher res screens.

I have a page at http://www.no1hastings.com.au/new/index.html designed
for 800 x 600 resolution and where nearly all the elements are
positioned using CSS. The elements are lined up to the left margin
but the client wants the page to appear in the middle of the screen at
higher resolutions but maintaining the fixed 800px width..

I've gone through the HTML Utopia : Designing Without Tables book and
there seems to be no clue there on how to do it. Has anybody tried to
achieve this and succeeded?

TIA.

Howard

Jul 21 '05 #1
4 4684
Els
Howard Martin wrote:
I have a page at
http://www.no1hastings.com.au/new/index.html designed for
800 x 600 resolution and where nearly all the elements are
positioned using CSS. The elements are lined up to the left
margin but the client wants the page to appear in the
middle of the screen at higher resolutions but maintaining
the fixed 800px width..

I've gone through the HTML Utopia : Designing Without
Tables book and there seems to be no clue there on how to
do it. Has anybody tried to achieve this and succeeded?


Wrap the entire page in a div (with position:relative because
you used absolute positioning), and center it like this:
http://locusmeus.com/html-css/centeringpage.html

But have another little test on your page: open it in Netscape,
Mozilla or Firefox, and press ctrl and + a couple of times...

--
Els
http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Jul 21 '05 #2
In comp.infosystems.www.authoring.stylesheets Howard Martin said:
I have a page at http://www.no1hastings.com.au/new/index.html designed
for 800 x 600 resolution a


http://allmyfaqs.com/faq.pl?AnySizeDesign
--
v o i c e s
Jul 21 '05 #3
Faz

"Howard Martin" <cs*@koalanet.com.au> wrote in message
news:gr********************************@4ax.com...
I have a page at http://www.no1hastings.com.au/new/index.html designed
for 800 x 600 resolution and where nearly all the elements are
positioned using CSS. The elements are lined up to the left margin
but the client wants the page to appear in the middle of the screen at
higher resolutions but maintaining the fixed 800px width..

I've gone through the HTML Utopia : Designing Without Tables book and
there seems to be no clue there on how to do it. Has anybody tried to
achieve this and succeeded?

TIA.

Howard


#container {
position:relative;
width:???px;
margin-left:auto;
margin-right:auto;
}

Then place your entire page in

<div id="container>
........
[page]

</div>

where ??? is the width of you content. Hope that helps, the auto margins
allow the div to centre the containing elements.

Faz


Jul 21 '05 #4
On Mon, 18 Oct 2004 08:14:46 GMT, Howard Martin <cs*@koalanet.com.au>
wrote:

I've gone through the HTML Utopia : Designing Without Tables book and
there seems to be no clue there on how to do it. Has anybody tried to
achieve this and succeeded?

Many thanks to all and especially for the links. Example 3 at
http://locusmeus.com/html-css/centeringpage.html centres the page in
IE6, Opera and Mozilla

Jul 21 '05 #5

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

179
by: SoloCDM | last post by:
How do I keep my entire web page at a fixed width? ********************************************************************* Signed, SoloCDM
6
by: Franois de Dardel | last post by:
http://mapage.noos.fr/dardelf3/tintin/page3bits.html Can I center the series of thumbnails horizontally in the pages _and_ keep the "elastic arrangement" where the number of thumbnails adapts to...
15
by: red | last post by:
How do I center two side by side divs ? I've been writing css pages for a while but there's one thing tha still eludes me. I can center a div with margin auto. I can place two divs side by side...
7
by: Chris Podmore | last post by:
This is probably a stupid question but here goes anyway. What's the best way to design web pages that work in 640x480 or 800x600 and above? The pages I have created look fine in 800x600 or above...
3
by: The New iSoftware Company | last post by:
Any one know how to center a control like the image editors on the market (fireworks/photoshop/etc)? This way should support scrolling and zoom. Is there a way to draw overlays that is inverted...
3
by: John Pote | last post by:
1. Horizontal centering a <divin browser window. The current trend seems to be to place page content in a fixed width area in the middle of the browser window. How is this achieved? If I use a...
8
by: speralta | last post by:
I'm playing around with a test page that uses a <div id="main"within the context of a body with a width of 100% to center a fixed width field on a page. For some reason, the page is not centering...
3
by: boien | last post by:
I have a div container that i have created now i just want to make sure that its horizontally centered in any browser and in any resolution, so that when ever its on 800x600 or 1280x1024 its STILL...
1
by: =?Utf-8?B?ZnJhbmt5?= | last post by:
Hello, I've created a table that has two rows that are span across three columns. The third row has three columns, each with an image. The last row is also span accross three columns. The span...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
1
by: Defcon1945 | last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
1
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.