Hi all
I've seen a lot of posts about frames emulation.
I would like to emulate a: header, left-side menu, content, footer layout.
I need to be cross browser compatible...but I'm get crazy!!!
My code is above: it displays right on Firefox 1.0 but it doesn't on IE6.
What should I change?!
thanx
--
ShadowMan
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Cb_start_korr1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
html, body {
margin: 0; padding: 0; border:none;
overflow: hidden;
}
#FrameTop {
position: absolute;
top: 0;
left: 0;
background: Green;
width: 100%;
height: 100px;
/*bottom: 80%;*/
right: 0;
}
#FrameLeft {
position: absolute;
top: 100px;
left: 0;
width: 20%;
/*height: 100%;*/
/*bottom: 80;*/
bottom: 50px;
right: 80%;
background: Maroon;
}
#FrameContent {
position: absolute;
top: 100px;
left: 20%;
width: 80%;
bottom: 0;
right: 0;
overflow: auto;
background: #F2F2F2;
}
#FrameBottom {
position: absolute;
bottom: 0;
left: 0;
background: Green;
width: 20%;
height: 50px;
/*bottom: 80%;*/
right: 80%;
}
-->
</style>
<!-- End Styles -->
</head>
<body>
<!-- Divs simulieren Frames -->
<div id="FrameTop">Top Frame</div>
<div>
<div id="FrameLeft">
Left Frame<BR>assasa
</div>
<div id="FrameContent">Lorem ipsum dolor sit amet, consectetuer adipiscing
elit, sed diam nonummy nibh euismod tincidunt ut laoreet congue nihil
imperdiet doming id quod mazim placerat facer possim assum.
[more text]
</div>
</div>
<div id="FrameBottom">Bottom frame</div>
</body>
</html>