Background color

**TimFA** · 08-27-2007, 01:01 AM

Hello, I have a page and I'm using CSS but I CANNOT set the page background color for some reason. Anyone know? Also it doesn't center in IE for me. I'm using IE6 on Win 2000 Pro.

Heres the CSS:

Code:

#body
{ 
background-color: #00FF00
}

div#top
{
margin-left: auto;
margin-right: auto;
height: 66px;
width: 600px;
font-family: Arial;
font-size: 10pt;
background-color: #FFFFFF;
border-bottom: 2px #D1D1D1 solid;
}

div#main
{
margin-left: auto;
margin-right: auto;
height: 700px;
width: 600px;
font-family: Arial;
font-size: 10pt;
background-color: #FFFFFF;
}

A:link
{
text-decoration: none; color: #0000FF;
}

A:visited
{
text-decoration: none; color: #0000FF;
}

A:hover
{
text-decoration: none; color: #000000;
}

Here's the HTML:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <link rel="stylesheet" href="css/layout.css"
 type="text/css">
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title>Fassist | Home</title>
</head>
<body>
<div id="top">
<br>
</div>
<div id="main"><br>
</div>
</body>
</html>

Thanks all.

Tim

**thetestingsite** · 08-27-2007, 01:06 AM

In your css, change to the following:

Code:

BODY
{ 
background-color: #00FF00;
}

div#top
{
margin-left: auto;
margin-right: auto;
height: 66px;
width: 600px;
font-family: Arial;
font-size: 10pt;
background-color: #FFFFFF;
border-bottom: 2px #D1D1D1 solid;
}

div#main
{
margin-left: auto;
margin-right: auto;
height: 700px;
width: 600px;
font-family: Arial;
font-size: 10pt;
background-color: #FFFFFF;
}

A:link
{
text-decoration: none; color: #0000FF;
}

A:visited
{
text-decoration: none; color: #0000FF;
}

A:hover
{
text-decoration: none; color: #000000;
}

That will get the background color to work, but not sure about the centering in IE.

Hope this helps nonetheless.

//EDIT: I think that IE has a problem with "auto" in the margin css attributes. Not 100% on this though.

**TimFA** · 08-27-2007, 01:15 AM

I knew I needed the ";" faulty coding, I was trying different methods, the real problem was the "BODY". Thanks thetestingsite. I believe I can fix that with "text-align", correct?

**thetestingsite** · 08-27-2007, 01:16 AM

Pretty sure, but again not 100%.

**TimFA** · 08-27-2007, 01:18 AM

Well thanks anyways. And thanks for the quick response. Usually it takes longer.

Thread: Background color

Thread Tools

Search Thread

Background color

Bookmarks

Bookmarks

Posting Permissions