Ingo, Thanks for your help, You are a Godsend! This solved the problem and has everything working beautifully.
*** New Phone Number -- 315.268.6713*** *** New Office Location -- Science Center 305 *** Julie M. Davis Web/Graphic Designer --------------------------------- Clarkson University PO Box 5535 Potsdam, NY 13699-5535 315.268.6713 --------------------------------- [EMAIL PROTECTED] www.clarkson.edu Ingo Chao <[EMAIL PROTECTED]> wrote on 10/20/2005 05:35:25 AM: > Julie Davis wrote: > > ... > > http://www.clarkson. > edu/getting_into_clarkson/calendar/off_campus_interview.php > > and some random others on the site using IE randomly the sub navigation > > will jump out of the layout and off to the left of the page. If you > > refresh the page it will go back but sometimes it does not. ... > > Julie, > > I cannot reproduce the problem of your life page on a local copy, so the > following is a guess. > > The jpg you provided looks like as if div.leftcontent as a whole is > misplaced. This might be a result of the position:relative bug in IE you > are using to fix the peekaboo. The parent of this container is > relatively positioned too. > > <div id="leftcontent2">...</div> > > <div id="rightcontent2"> > <div class="leftcontent ">...</div> > </div> > > #leftcontent2 { > float:left; > width:246px; > ...} > > #rightcontent2 { > margin-left: 246px; > position: relative; > ...} > > #rightcontent2 div.leftcontent { > float: left; > position: relative; > ...} > > > You may try to add > #rightcontent2 {zoom:1;} > > to test if haslayout will stabilize the container [1]. > (later, I would test if both the p.r. are still needed?) > > By adding layout to the #rightcontent2, it will show a 3px text jog bug > [2]. > > The fix is to reduce the margin-left of > #rightcontent2 { margin-left: 243px; } > > by 3px and to make room on the right side of the float: > #leftcontent2 {margin-right:-3px;) > > Once all is running well for IE, you should move these hacks in a > separate iefix.css via conditional comments [3], as they say that the > - three px jog bug > - peekaboo bug > - position:relative bug > > you are experiencing would be fixed in IE7. And they say we shall not > hack anymore. We'll see. > > Ingo > > [1] http://www.satzansatz.de/cssd/onhavinglayout.html#rp > [2] http://positioniseverything.net/explorer/threepxtest.html > [3] http://www.satzansatz.de/cssd/onhavinglayout.html#hack > ______________________________________________________________________ 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/
