Browser compatibility with CSS

maxpower1 · Dec 10, 2002

a question about CSS; I am trying to simplify my coding by using css. I have a simple global.css file that has these statements:

body {
background: white;
}

then in the html file i have these lines:-

<html>

<head>
<link rel="stylesheet" href="global.css">
</head>

<body>

</body>
</html>

it seems to be working on Nestcape 7 but not IE 6. In short, it does not change the background to white under IE but it does so under nestcape.
Any clues?

thx

McFlyTheBassist · Dec 10, 2002

Hey,

right - What you are prob looking for is to use:
background-color: white;

You can use just background to change the colour, this is shorthand CSS.
There is a good article about the background shorthand (and other CSS Shorthands) at

http://home.no.net/junjun/html/shorthand.html.

You may also want to change your link to your CSS file by adding type="text/css" so that the browser knows how to render the file.
<link rel="stylesheet" href="global.css" type="text/css">

And - if I was going to get picky - You need to have a DTD (Document Type Definition) at the top of your HTML page.
You can find a good overview of DTD's at

http://www.alistapart.com/stories/doctype/

My guessing is that you will need HTML 4 :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

hope this helps!!

M

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Browser compatibility with CSS

maxpower1

Programmer

McFlyTheBassist

Programmer

Similar threads

Part and Inventory Search

Sponsor