Site Help

Philip · 20 Feb 2008 at 21:26

Sup all,

Im doing a site for my college course (Need to make 2 sites but im using the 1) to pass. I have centered the site in IE6 and IE7 but having trouble in firefox and opera. Any suggestions how I can do it.

Code:

h1
{
	text-align: center;
	text-decoration: underline;
	font-size: 16px;
}
body
{
	background-color: #efefef;
	margin-bottom: 25px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
}
div#container
{
	width: 599px;
	height: 600px;
	border: solid 1px #CCCCCC;
	background-color: #FFF;
	margin-top: -5px;
}
div#header
{
	width: 600px;
	height: 100px;
}
div#navigation
{
	width: 175px;
	height: 585px;
	background-image: url('images/navBGImage2.png');
	background-repeat: repeat-y;
	float: right;
	padding-top: 10px;
	padding-bottom: 5px;
}
div#content
{
	width: 414px;
	height: auto;
	background-color: #fff;
	float: left;
	text-align: left;
	padding-top: 10px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
}

Thats my css file.

Any help would be great!

Ross1234 · 20 Feb 2008 at 21:40

to center it all put a div around it all and add the line margin: auto;

Philip · 20 Feb 2008 at 22:04

Hmm inside the body?
So like:
body
then the div
then all the stuff i have done?

Ross1234 · 20 Feb 2008 at 23:00

as far as i am aware you cannot put anything outside a body tag.

is div#container the normal way to do it?

I normally just do .container or #container

Philip · 20 Feb 2008 at 23:07

Thats the way I was kinda taught.

Anyway I tried it, putting all my stuff in a div with the line

Code:

margin: auto;

Still didnt work for Firefox and Opera

Ross1234 · 20 Feb 2008 at 23:09

Philip said:
Thats the way I was kinda taught.

Anyway I tried it, putting all my stuff in a div with the line

Code:

margin: auto;

Still didnt work for Firefox and Opera

sorry that works for me.