Web Page not Sitting in Center of Window!

**warehouse peon** · 06-02-2010

Hello Friends,
I am having the strange problem while writing the commands in CSS. I don't know the reason but I am not able to fix my web page in center of window. Can anyone have faced such type of problem.?? Please tell me the solution for fixing the width of web page in center of window.!! Also I am facing the problem of Unstyled version of web page appearing in IE. Any suggestions related to the problem is welcomed.!

**void** · 06-02-2010

Are you using the latest version of Internet Explorer.?? Because such types of errors can cause in the older version because of lack of compatibility for the CSS. Also many times the issue that you mentioned, in your IE unstyled version is appearing of web page. This can happen because of the Flash Of Unstyled Content. I think that your website may be suffering from that. Its very bad to say that the correct way of centrally aligning content through CSS doesn't actually work in IE. So I think that there is not your fault and you should try changing the browser.

**Allan.d** · 06-02-2010

I am with the 'void'. Its true that even if you use the correct way of centrally aligning content in Internet Explorer, by using the CSS which is as follows :

Code:

#container {
width: 850px;
margin: 0 auto
}

It will not work accordingly. For fixing this you would have to make some changes in the command and you should use the following command :

Code:

body {
text-align: center
}
#container {
width: 850px;
margin: 0 auto;
text-align: left
}

By using this code, you can do the central alignment of the container in IE.

**Warner** · 06-02-2010

If you are facing an issue of getting unstyled version of web page appearing in Internet Explorer that means your website is suffering from the Flash Of Unstyled Content. For doing the CSS, you should be using the @import directive which would be looking like this :

Code:

<style type="text/css">@import "styles.css";</style>

for calling your CSS file, then this is the where the problem is generating. Instead of using this you would have to insert either a link or a script element into the header. The following is the script :

Code:

# <script type="text/javascript" src="scripts.js"></script>

And the following is the command for link :

Code:

# <link rel="stylesheet" href="styles.css" type="text/css" media="print" />

Hope that doing this helps you..

**Reegan** · 06-02-2010

You will have to write the following code for aligning the Web Page in Center of Window :

Code:

body
{
    text-align: center
}

#container
{
    width: 650px;
    margin: 0 auto;
    text-align: left
}

To prevent the text from centrally aligning too, we insert text-align: left into the container div. Only by doing this you will get your alignment at center.