That did it. I had a feeling I was dancing with that devil, but I couldn't find the trigger.
Your help is greatly appreciated. Thanks Alan! On Tue, Mar 17, 2009 at 7:23 AM, Alan Gresley <[email protected]> wrote: > 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 [[email protected]] 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/
