BioRUST Forums - View Single Post

kd_jm · 01-28-2008

I'm as green as green can be when it comes to css and browser compatability.

Below is a css file, and a html file. I tried to make it as simple as possible, so I stripped away as much headers as well.
I also attached the output when showing the html file in Opera and IE. No need to say, I like Opera's output better.

But of course the code should work with IE6 too...
What is it that IE6 (or perhaps Opera) is doing wrong in this small example? I also hope to get some kind of a rule, so that I know what to do to prevent this and other look-a-like problems

template.css

Code:

body {
	line-height: 1.3em;
}

h1 {
	width: 100%;
	font-size: 5em;
}

index.html

Code:

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

</head>
<body>
	<h1>AbCdEfGhIjK lMnOpQr</h1>
</body>
</html>

Tx!

01-28-2008	#1 (permalink)
kd_jm Registered User Join Date: Jan 2008 Posts: 3	Css handling in IE6 I'm as green as green can be when it comes to css and browser compatability. Below is a css file, and a html file. I tried to make it as simple as possible, so I stripped away as much headers as well. I also attached the output when showing the html file in Opera and IE. No need to say, I like Opera's output better. But of course the code should work with IE6 too... What is it that IE6 (or perhaps Opera) is doing wrong in this small example? I also hope to get some kind of a rule, so that I know what to do to prevent this and other look-a-like problems template.css Code: body { line-height: 1.3em; } h1 { width: 100%; font-size: 5em; } index.html Code: <head> <link rel="stylesheet" href="template.css" type="text/css" /> </head> <body> <h1>AbCdEfGhIjK lMnOpQr</h1> </body> </html> Tx! Attached Thumbnails