Forum Moderators: not2easy

Message Too Old, No Replies

Why Doesn't IE4 Render This Properly?

What's Up With This?

         

Oaf357

11:03 pm on Nov 19, 2003 (gmt 0)

10+ Year Member



Could someone take a look at this and perhaps give me a pointer as to why IE4 is the only browser that doesn't render this correctly. Thanks in advance.

CSS

body{margin-top:5px;margin-right:5px;margin-left:5px}
#header{width:100%;font-size:80%;margin-bottom:5px;margin-right:0;margin-left:0;border:1px dotted}
#content{margin-right:5%;margin-left:5%;border:1px dotted}
#left{float:left;border:1px dotted}
#right{float:right;width:15%;border:1px dotted}
#footer{clear:both;width:100%;font-size:80%;margin-top:5px;margin-right:0;margin-left:0;border:1px dotted}

HTML

<!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" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></meta>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="header">
Test ... Test ... Test ... Test
</div>

<div id="content">

<div id="left">
<p>Test</p>
<p>Test</p>
<p>Test</p>
<p>Test</p>
<p>Test</p>
</div>

<div id="right">
<p>Test</p>
<p>Test</p>
<p>Test</p>
<p>Test</p>
<p>Test</p>
</div>

</div>

<div id="footer">
Test ... Test ... Test ... Test
</div>
</body>
</html>

TGecho

12:13 am on Nov 20, 2003 (gmt 0)

10+ Year Member



IE4's support of the float property (and CSS in general) is buggy at best. Unless you have a compelling reason to support such an old browser, I wouldn't suggest worrying about it.

Oaf357

12:23 am on Nov 20, 2003 (gmt 0)

10+ Year Member



That's what I was thinking but I was hoping someone might have an idea of how to fix it. I'm not too incredibly concerned about it.