|
|
Posted by Jeff on 11/28/05 05:34
Hey!
When running this code in IE6, the submenu (see code below) Div is placed
beneath the content DIV (in other words the submenu DIV disapear under the
content DIV), that is strange because in Opera the submenu Div is placed on
the left side of the content DIV. The purpose of it is to create a 3 column
layout... Can anyone please give me some advice on what I must do to make
the submenu appear on the left side (when using IE6, tips on IE5 would be
great too)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
index.php:
"http://www.w3.org./TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<link rel="StyleSheet" type="text/css" href="styles.css" media="screen" />
</head>
<body bgcolor=#8A2BE2>
<div id="gui">
<div id="header">
<p>header</p>
</div>
<div id="container">
<div id="submenu">
<p>submenu</p>
</div>
<div id="calendar">
<p>calendar</p>
</div>
<div id="content">
<p>content</p>
</div>
</div>
<div id="footer">
<p>footer</p>
</div>
</div>
</body>
</html>
styles.css:
#calendar {
background-color:#DDF;
/* border:2px solid #00C; */
position:absolute;
right:0px;
top:0px;
width:175px;
}
#submenu {
background-color:#FFFFFF;
position:absolute;
left:0px;
top:0px;
width:175px;
text-align:left;
}
#header {
position:relative;
background-color:#FFFFFF;
height:55px;
}
#footer {
text-align:center;
background-color:#FDD;
border:1px solid #C00;
}
#content {
margin:0 190px;
background-color:#FFFFFF;
position:relative;
}
#container {
background-color:#FFD000;
position:relative;
}
#gui {
height:100%;
margin-left:5%;
margin-right:5%;
background-color:#FFD000;
position:relative;
}
If I change #container to this: then its working on IE6, but not on Opera:
With this settings the footer DIV will on Opera get overwritten by the
content of the content DIV - if the content of the content DIV's height is
higher than 400px
#container {
height:400px;
background-color:#FFD000;
position:relative;
}
Please give me some tips abot what I must do to get the submenu DIV position
correctly (left for the content area)
Best Regards
Jeff
Navigation:
[Reply to this message]
|