Another bug in IE 6 win. The posted page shows the error.
They are four:
1) on the top edge, the upper margin of the container is not added
with the body's padding. Instead it seems the two values are
COLLAPSED. With Opera, all right.
2) on the bottom edge, the container box loses its margin (only the
body's padding remains there). With Opera, all right.
3) the header loses the top, left and right margins. With Opera, all
right.
4) the footer loses the bottom margin. With Opera, all right.
I have already tried this hack: height:1%, but it doesn't resolve the
problems 1) and 2).
Someone has a better solution?
Bye. Luigi.
================== PAGE TO TRY =================
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html;
charset=iso-8859-1">
<TITLE>css</TITLE>
<style type="text/css">
body{
background-color: #BC8F8F;
border: 1px solid green;
margin: 0;
padding: 15px;
}
#container{
background-color: silver;
border: 1px solid black;
margin: 20px;
/* height: 1%; HACK: it doesn't resolve all of the problems */
}
#header{
background-color: blue;
border: 1px solid black;
margin: 10px;
height: 30px;
}
#contents{
background-color: cyan;
border: 1px solid black;
margin: 5px;
height: 30px;
}
#footer{
background-color: red;
border: 1px solid black;
margin: 10px;
height: 30px;
}
</style>
</HEAD>
<BODY>
<DIV id="container" >
<DIV id="header" >
–IntestazioneÛ¦
</DIV>
<DIV id="contents" >
–Contenuti&Û;¦
</DIV>
<DIV id="footer" >
–FooterÛ¦
</DIV>
</DIV>
</BODY>
</HTML>
================= THE END ===================