Website Design Forum

**iceman35** · 11-29-2004, 05:36 PM

does anyone know the code to center the page or so that every browser like 800x600 can view my page without having to scroll left or right?

**karinne** · 11-29-2004, 06:14 PM

hope this helps - http://www.sitepoint.com/forums/show...42&postcount=9

**kalkm** · 11-30-2004, 01:20 AM

Hi,

If you are using tables, you could use the following code:

<TABLE WIDTH=780 align="center">

This would centre your table in the browser window.

Hope this is what you were looking for.

Good luck,

Mark.

**Max Powers** · 11-30-2004, 03:10 AM

Using CSS...

Code:

HTML:
<div class="div1">
<div class="div2">

...Centered Material....

</div>
</div>


CSS:
div.div1 {position: absolute; top: 0; left: 50%; width: xx}
div.div2 {position: absolute; top: 0; left: -50%;}

**Rincewind** · 11-30-2004, 08:53 AM

Max Powers has a bug in his css. You need to put a width into his div2 and the width in div1 is not required and will create horizontal scroll bars if greater than half the screen width. Also you could use better naming conventions. Try this code:

Code:

<html>
<head>
<style type="text/css">
#marker {position: absolute; top: 0; left: 50%;}
#container {position: absolute; top: 0; left: -50%; width:500px;}
</style>
</head>
<body><div id="marker">
<div id="container">
Content goes here
</div>
</div>
</body>
</html>

Alternativly you can have a flexable design that resizes to fit the screen somewhat. Try this css

Code:

#marker {position: absolute; top: 0; left: 50%; width: 40%}
#container {position: absolute; top: 0; left: -100%; width:200%;}

I've set the container width to 200% so it takes twice the width of the marker and the market is set a width below 50% in order to preven horizontal scroll bars.

**Max Powers** · 12-28-2004, 09:18 PM

Good calls, Rincewind! I never checked over my code. Shame, shame on me.