Keith Fjellman wrote:
> My apologies, I realized right after I sent it that I forgot to clarify.
>
> I really just need to make sure that none of the text at the
> bottom (primarily the lorem ipsum paragraph followed by <p>test</p>) crosses
> the yellow footer.
>
> The footer needs to clear like it does in FF or Chrome.
Hello Keith, change this series of CSS hacks.
*:first-child+html div#rightContent {
margin-left: 202px;
position: absolute;
z-index: 1;
clear: both;
}
* HTML div#rightContent {
margin-left: 202px;
position: absolute;
z-index: 1;
clear: both;
}
With these ones.
*:first-child+html div#rightContent {
margin-left: -202px; /*partially removed float*/
position: relative; /*stack element higher*/
}
* HTML div#rightContent {
margin-left: -202px; /*partially removed float*/
position: relative; /*stack element higher*/
}
What is happening is the div#leftContent was clearing the
div#rightContent since the declared *width* on div#leftContent was
triggering hasLayout [1].
1. <http://www.satzansatz.de/cssd/onhavinglayout.html>
--
Alan http://css-class.com/
Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
