[css-d] RE: Absolute Position Problem with IE

2005-09-05 Thread Glenn E. Lanier, II 
 

-Original Message-
From: Janie Hadsel [mailto:[EMAIL PROTECTED] 
Sent: Friday, August 26, 2005 1:45 PM


Glenn writes: "IE places the MENU div inside my containing DIV"
 
You have declared the menu div as absolutely positioned, but haven't declared
top and left coordinates. You also have a problem with the content on IE moving
over into the blue area of the background when the browser window is resized. 
 
I would avoid absolutely positioning the menu div and instead opt for floating
it left. I've changed your #divMenu and #divContentSection divs to the
following, which seems to work. I haven't tested this in anything other than FF
and IE. Hopefully it works in other browsers. 
 
Thanks. I made this change and it seems to have less negative side-effects than
absolute positioning.
 
--G

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] RE: Absolute Position Problem with IE

2005-08-26 Thread Janie Hadsel 
Glenn writes: "IE places the MENU div inside my containing DIV"
 Hi Glenn,
 You have declared the menu div as absolutely positioned, but haven't 
declared top and left coordinates. You also have a problem with the content 
on IE moving over into the blue area of the background when the browser 
window is resized.
 I would avoid absolutely positioning the menu div and instead opt for 
floating it left. I've changed your #divMenu and #divContentSection divs to 
the following, which seems to work. I haven't tested this in anything other 
than FF and IE. Hopefully it works in other browsers.
 #divMenu 
{
border:1px dotted black;
width:110px;
float: left;
text-align: right;
min-height:100%;
}
#divContentSection
{
border:1px dotted red;
width:500px;
margin:0 auto;
position:relative; 
min-height:100%; 
}
 ~Janie
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/