Hi everybody,
I encounter the following layout problem in IE 6.0.28:
Even on specifying "white-space: nowrap" and "overflow: hidden" the
paragraph shoots out over the boundaries of the width restricted
containing divison. See html document later.
In Mozilla and Opera it looks fine.
When i specify the width directly on the paragraph it works also in ie
(add "width: 10em" to "nowrap". But i cannot do that for other
reasons.
Does anybody have a workaround for this?
Best regards,
Robert.
-----------CODE START-----------
<!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>
<title>IE Width Problem</title>
<style type="text/css">
body {
padding: 0;
margin: 0;
}
#container {
width: 10em;
}
.nowrap {
white-space: nowrap;
background-color: green;
color: white;
overflow: hidden;
}
</style>
</head>
<body>
<div id="container">
<p class="nowrap">This text is too long to fit in.</p>
<p class="nowrap">This fits in.</p>
</div>
</body>
</html>
----------CODE END-----------
