Sent by Ingo Chao on 20 October 2005 10:10
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-REMOVED]]
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/
