Previous Message
Next Message

Strange behaviour of IE6

Sent by Peter on 16 October 2004 14:02


I have reinstalled IE6, all the latest fixes and SPs from MS, and am running fully patched W2K Pro
SP4.
The following code, when viewed in my copy of IE 6 fails to show the border-bottom on either of the
h1 texts.
NS7, Firebird 0.7 and Dreamweaver have no problems with this.
However, if you comment out the (unnecessary) line in #outer that reads:

	position: relative;

IE 6 is happy again.
I have also noticed similar problems with other markup being ignored.
Is this a known / new feechur of IE6, or do I still have a corrupt installation?

==================

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>A basic website</title>
<style type="text/css">
<!--
body {
	margin: 0;
	padding: 0;
	text-align: center;
}
#outer{
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: left;
  	width: 750px;
	}
/* ---( content )------------------------------- */
#content {	
	padding: 0;
	margin: 0;
	background-color: #fff;
	padding: 1px 20px 10px 20px;
	}

h1{
	font-family: verdana, arial, helvetica, sans-serif;
	color: #66c;
	border-bottom: 1px solid #66c;	
	padding-bottom:10px;
}
-->
</style>
</head>
<body>
<div id="outer">
  <div id="content">
    <h1 style="border-bottom: 1px solid #66c">Page title</h1>
    <h1>Page title</h1>
  </div>
  <!-- end #content -->
</div>
<!-- end #outer -->
</body>
</html>

============


______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Possibly related: