NorthStarDA
IS-IT--Management
i am trying to create a css layout where i can define the top, bottom,left,right css properties without having to worry about widths and heights. if you look at the code in FF it works fine, in IE the content divs are not sized properly, here is a code sample
how can i make this work in IE?
=========================================
Don't sweat the petty things and don't pet the sweaty things.
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "[URL unfurl="true"]http://www.w3.org/TR/html4/strict.dtd">[/URL]
<html>
<head>
<style type="text/css">
html, body {
height: 100%;
overflow: auto;
}
#mainContent {
position: fixed;
overflow: auto;
border: 1px solid green;
height:95%;
width:95%;
}
#contentWindow1 {
position:absolute;
top: 20px;
bottom: 15px;
left: 15px;
right: 60%;
border: 1px solid black;
}
#contentWindow2 {
position:absolute;
top: 20px;
bottom: 15px;
left: 60%;
right: 20px;
border: 1px solid red;
}
</style>
</head>
<body>
<div id="mainContent">
<div id="contentWindow1">
Content 1
</div>
<div id="contentWindow2">
Content 2
</div>
</div>
</body>
</html>how can i make this work in IE?
=========================================
Don't sweat the petty things and don't pet the sweaty things.