If anyone has any idea and would like to share it is more then welcome.
<?xml version="1.0" encoding="UTF-8"?>
<!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" xml:lang="en" lang="en">
<head>
<title>Title</title>
<style type="text/css">
#header {
position: fixed;
width: 100%;
height: 15%;
top: 0;
right: 0;
bottom: auto;
left: 0;
border:1px #ff0000 solid;
}
#sidebar {
position: fixed;
width: 10em;
height: auto;
top: 15%;
right: auto;
bottom: 100px;
left: 0;
border:1px #00ff00 solid;
}
#main {
position: fixed;
width: auto;
height: auto;
top: 15%;
right: 0;
bottom: 100px;
left: 10em;
border:1px #0000ff solid;
}
#footer {
position: fixed;
width: 100%;
height: 100px;
top: auto;
right: 0;
bottom: 0;
left: 0;
border:1px #008200 solid;
}
</style>
</head>
<body>
<div id="header"> Header </div>
<div id="sidebar"> Sidebar </div>
<div id="main"> Main </div>
<div id="footer"> Footer </div>
</body>
</html>
This are the things that make me use tables instead of div's ...
Any tutorials, css examples are welcome, the script above is taken from w3.org, but the IE dont understand CSS 2 as firefox do ...
