Hi all,

I've found a tutorial to center web pages using an external css style sheet.

I cant seem to get it to work though, can anyone spot what I'm doing wrong?

The external stylesheet is this:


/* stylesheet to centre a page */

div#container {
width: 725px;
margin: auto;
}

I have this saved as stylesheet.css in my public_html folder on the remote server.(same location as the web pages)

Within the head tags of my web page I have:


<link href="/stylesheet.css" rel="stylesheet" type="text/css" />


After the first body tag I have:

<div id="container">


And before the second body tag I have:

</div>

Is all this correct?

Thanks alot.

First I would remove the slash before the location of your style sheet because I believe you said you put the style sheet in the same directory as your pages. Second, the margin: auto; doesn't work in all browsers as far as I know. I remember having difficulties with browsers not doing that correctly.

Third this code really won't fill the user's screen, it will just make it 725px wide and centered. There is nothing wrong with this though. Users with smaller screens may have to scroll to see some of it, users with big screens will have some whitespace on the left and right of the div.

To truly make it fill the users screen you would use...

#container { width: 100%; height: 100%; }

... but that isn't really a great thing to do as it will distort in weird shapes.

Thanks for the reply.

I removed the slash but it is still not working.

The external css sheet doesn't seem to be having any affect at all on the webpage.

Webmaster-Talk has a CSS forum with a sticky thread that answers your question.

I just tried using notepad instead of wordpad to create the .css file and it worked.

http://www.webmaster-talk.com/css-fo...r-website.html

Try margin:0 auto; then add position:relative to #container.

Originally Posted by Iotrez

I just tried using notepad instead of wordpad to create the .css file and it worked.

Don't use wordpad or Word for programming. Use a text or programmers editor. Word processors add extra formatting.