scwhitmore
05-20-2005, 09:22 PM
In the following code when viewed in IE6/PC the text in the first div disapears while the text in the 2nd div shows up fine. It seems to be a problem with the overflow in combination with the defined width, nowrap and padding image inside the div, as a change to any of those makes the test appear again.
Looks like a strange rendering bug, but I wanted to see if anybody knew of a flaw in the code or a workaround
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<title>Grade Book</title>
<style type="text/css">
body{font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 13px;}
.cellwidth {overflow:hidden; white-space:nowrap; width:82px; border:1px solid #000;}
a.inline2 {padding:1px;}
</style>
</head>
<body>
<div class="cellwidth">
<a href="#" class="inline2"><img src="/webct/images/shim.gif"></a>
<a href="#">handerson</a>
</div>
<div class="cellwidth">
<a href="#" class="inline2"><img src="/webct/images/shim.gif"></a>
<a href="#">handersonn</a>
</div>
</body>
</html>
Thanks for the help
Looks like a strange rendering bug, but I wanted to see if anybody knew of a flaw in the code or a workaround
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<title>Grade Book</title>
<style type="text/css">
body{font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 13px;}
.cellwidth {overflow:hidden; white-space:nowrap; width:82px; border:1px solid #000;}
a.inline2 {padding:1px;}
</style>
</head>
<body>
<div class="cellwidth">
<a href="#" class="inline2"><img src="/webct/images/shim.gif"></a>
<a href="#">handerson</a>
</div>
<div class="cellwidth">
<a href="#" class="inline2"><img src="/webct/images/shim.gif"></a>
<a href="#">handersonn</a>
</div>
</body>
</html>
Thanks for the help