css senor

Associate
Joined
19 Oct 2005
Posts
528
G'day im working on getting a smart layout for my website. Anyway the problem is the css it is not displaying the colours in firefox but is in internet explorer. Also
the layout is not exactly right. Would someone check through this for me?

thankyou.

Code:
body 
{
	background-color: 0099FF
}


ul
{
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}
a
{
float:left;
width:6em;
text-decoration:none;
color:white;
background-color:purple;
padding:0.2em 0.6em;
border-right:1px solid grey;
}
a:hover {background-color:#ff3300}
li {display:inline}

div.container
{
	width:100%;
	margin:0px;
	border:1px solid grey;
	line-height:150%;	
}
	margin:0;
}
div.header,div.footer
{
	padding:0.0em;
	color:white;
	background-color:#787878;
	clear:left;
}

div.picture
{
	padding:0.0em;
	color:white;
	background-color:#595959;
	clear:left;
}

h1.header
{
	padding:0;
	margin:0;
}

div.left
{
	float:left;
	width:160px;
	margin:0;
	padding:1em;
}

div.right
{
	float:right;
	width:160px;
	margin:0;
	padding:0em;
}


div.content
{
	margin-left:190px;
	margin-right:190px;
	border-right:1px solid gray;
	border-left:1px solid gray;
	padding:1em;
}
 
hmmmmmmmmmmmmmmm

Hey i have uploaded the site to a server so you can see it.

http://www.lawyerpigeons.tsohost.co.uk/frontpage.htm

and the latest css

http://www.lawyerpigeons.tsohost.co.uk/layoutforwebsite.css

As you can see the site displays ok in internet explorer but not well at all in firefox. Also in the top two divs i am trying to center the links and the picture. How do i do this? I am getting driven up the wall with this css.

Any code improvements or ideas would be greatly appreciated.
 
Back
Top Bottom