[thelist] css problems
Rob Schumann
roblgs at cscoms.com
Wed Sep 11 06:52:01 CDT 2002
Hi,
I may be trying the impossible... but that's an aside at the moment...
I have 3 <div>'s
<div id="maincontent">
<div id="leftcolumn">
<p>Blah blah blah...</p>
</div>
<div id="rightcolumn">
<h2>This is a main header</h2>
<p>Blah blah blah...</p>
<p>Blah blah blah...</p>
<p>Blah blah blah...</p>
<p>Blah blah blah...</p>
</div>
</div>
These are setup to be:
#maincontent
{
position: relative;
margin: 0em 0em 1.5em 0em;
width: 600px;
background-color: #aaa;
}
#leftcolumn
{
position: relative;
top: 0px;
left: 0px;
width: 200px;
background-color: #aaa;
}
#rightcolumn
{
position: absolute;
top: 0px;
left: 200px;
right: 0px;
width: 400px;
background-color: #999;
}
These are themselves contained within a <div id="wrapper"> defined as (the border spec here is to get NN4 to work as intended):
#wrapper
{
position: absolute;
top: 82px;
width: 600px;
margin: 0em 10% 0em 10%;
padding: 0em;
border: 3px double #33c;
border-top-width: 0px;
border-bottom-width: 0px;
}
Refined (in the @import stylesheet) as:
#wrapper
{
position: relative;
top: 59px;
width: 600px;
margin-left: auto;
margin-right: auto;
}
I have several difficulties, but the most annoying one is the vanishing bottom of the #rightcolumn (definitely if there is long multi-paragraph text inside it) in Mozilla 1.1 and Chimera. Seems to miss about 1-2 lines of text and the bottom padding. This div is OK in IE5(Mac).
Is this vanishing bottom of an absolute positioned <div> in Moz1.1 known about? Can anyone offer an explanation... it's got me stumped, but is as nothing to the strangeness in NN4 with #leftcolumn... actually, with the inner relative positioned div, but that's another email... :O/
Thanks in advance
Rob
More information about the thelist
mailing list