R
rob@codebox
Hi,
I really hope someone can help me with this - I have a screen layout
that I need to get working, it's oh so easy in Firefox but just falls
to pieces in IE. 3 boxes: a fixed size menu-style one on the left, a
fixed height, variable width one on the bottom, and a large dynamic box
filling the rest of the screen. Here's a bare-bones version of the
HTML:
<html>
<head>
<style>
div{
border: 1px solid;
position: absolute;
}
#leftBar{
left: 2px;
top: 2px;
width: 100px;
height: 300px;
}
#mainArea{
left: 106px;
top: 2px;
right: 2px;
bottom: 56px;
}
#bottomBar{
bottom: 2px;
height: 50px;
left: 106px;
right: 2px;
}
</style>
</head>
<body>
<div id="leftBar"></div>
<div id="mainArea"></div>
<div id="bottomBar"></div>
</body>
</html>
can any CSS gurus help me with this?
many thanks
Rob D
I really hope someone can help me with this - I have a screen layout
that I need to get working, it's oh so easy in Firefox but just falls
to pieces in IE. 3 boxes: a fixed size menu-style one on the left, a
fixed height, variable width one on the bottom, and a large dynamic box
filling the rest of the screen. Here's a bare-bones version of the
HTML:
<html>
<head>
<style>
div{
border: 1px solid;
position: absolute;
}
#leftBar{
left: 2px;
top: 2px;
width: 100px;
height: 300px;
}
#mainArea{
left: 106px;
top: 2px;
right: 2px;
bottom: 56px;
}
#bottomBar{
bottom: 2px;
height: 50px;
left: 106px;
right: 2px;
}
</style>
</head>
<body>
<div id="leftBar"></div>
<div id="mainArea"></div>
<div id="bottomBar"></div>
</body>
</html>
can any CSS gurus help me with this?
many thanks
Rob D