How to Center web with FRAMESET?

skyscraper · 04-25-2008, 01:33 AM

hello,

i'm design a website, using Frameset.
you can see it here
This design for 1024 x 768 screen resolution. High screen resolution will indent the page to Left side and blank white space on the right.

So how do i make to center this web page(or automatically centered base on user screen resolution). <centre> is not work for frameset.

CaffinePhil · 04-25-2008, 01:41 AM

Its probably not my place to say but using frames it not the best way to design a page. You could do that with CSS and add a scroll bar if you needed to certain areas.

skyscraper · 04-25-2008, 02:22 AM

i like frameset is because you can control how the page display, like, visitor not need to open new window

any idea, help me?
thanks.

Costin Trifan · 04-25-2008, 02:41 AM

First thing first: Don't use position absolute.

After that:

1. Add this div after your body tag (that is, wrap the content in this div): <div id="PageWrapper">

2. Add these style rules:

Code:

body {
margin: 0 auto 0 auto;
padding: 0;
text-align: center;
}

DIV#PageWrapper {
width: auto; height: auto;
margin: 0 auto 0 auto;
padding: 0;
text-align: left;
}

that should do it.

skyscraper · 04-25-2008, 02:46 AM

Quote:

Originally Posted by Costin Trifan

First thing first: Don't use position absolute.

After that:

1. Add this div after your body tag (that is, wrap the content in this div): <div id="PageWrapper">

2. Add these style rules:

Code:

body {
margin: 0 auto 0 auto;
padding: 0;
text-align: center;
}

DIV#PageWrapper {
width: auto; height: auto;
margin: 0 auto 0 auto;
padding: 0;
text-align: left;
}

that should do it.

is this working on frameset? because frameset contain no <body> tag

anyway thanks.

CaffinePhil · 04-25-2008, 03:58 AM

Quote:

Originally Posted by skyscraper

i like frameset is because you can control how the page display, like, visitor not need to open new window

any idea, help me?
thanks.

One thing you cannot control with web pages is how they are diaplayed, have you tried using different screen resolutions and different browsers to see how frames are displayed?

Not a big fan sorry.

Yoiu could add a div container around your content and centre the div using:

margin: auto 0;
width: x px;

As it is all left aligned in Firefox.