Hi
Following Sven Tofte's guide about implementing max-width in IE
(http://www.svendtofte.com/code/max_width_in_ie/), I tried this out:
-------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Test</title>
<style type="text/css">
#Masthead {
height: 120px;
border: 1px solid green; }
#Content {
/* position: relative;
top: -15px; */
border: 1px solid red;
max-width: 800px;
width: expression(document.body.clientWidth > 800? "800px": "auto" ); }
</style>
</head>
<body>
<div id="Masthead">
</div>
<div id="Content">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent nec
ante a ligula imperdiet faucibus. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Quisque dui. Morbi mauris felis,
adipiscing at, congue a, volutpat dapibus, velit. Cras ornare. Cras
bibendum. Phasellus rutrum justo nec lorem. Vivamus ornare. Suspendisse
elementum, purus eget auctor commodo, urna enim laoreet urna, aliquet
ultrices lorem est eget orci. Cras convallis. Suspendisse potenti.
Etiam dictum, sem vitae tincidunt sollicitudin, mauris erat sodales
velit, vitae aliquet erat orci eu velit. Etiam libero nibh, scelerisque
consectetuer, semper ut, eleifend in, mauris. Proin interdum ipsum eu
ipsum. Sed malesuada. Nam pretium nulla non ante. Quisque vehicula
vehicula orci. Aenean justo erat, pellentesque ac, aliquet at, lacinia
non, enim. Sed iaculis metus vitae risus.</p>
</div>
</body>
</html>
------------------------------------------
but when I resize the browser window below 800px width, the element isn't
resized.
Any ideas why?