Like the Peek-a-boo bug, but not quite.

I am building a website that is having problems displaying the navbar
in IE 6. The URL is http://www.cleanbrain.com. When the page initially
loads it looks just the way I want it. However, when the window is
resized in IE 6 at all, the navbar jumps over 200 px to the right. If
you look in the source, you will see that the navbar exists in the <div
id="links"> toward the bottom. It has a negative left-margin of
"margin-left: -200px". It appears that when the page is resized, that
margin is ignored. If I refresh the page or mouse over any links on it,
the navbar jumps back to where it's supposed to be. After spending too
much time googling for solutions, the closest bug appeared to be the
Peek-A-Boo bug for IE. However, adding "position: relative" or "height:
1%" didn't solve the problem. Is anyone familiar with this problem?

thanks,

Dane Laverty

junkmailblackhole (AT) yahoo (DOT) com wrote:

I am building a website that is having problems displaying the navbar
in IE 6. The URL is http://www.cleanbrain.com. When the page initially
loads it looks just the way I want it. However, when the window is
resized in IE 6 at all, the navbar jumps over 200 px to the right. If
you look in the source, you will see that the navbar exists in the <div
id="links"> toward the bottom. It has a negative left-margin of
"margin-left: -200px". It appears that when the page is resized, that
margin is ignored. If I refresh the page or mouse over any links on it,
the navbar jumps back to where it's supposed to be. After spending too
much time googling for solutions, the closest bug appeared to be the
Peek-A-Boo bug for IE. However, adding "position: relative" or "height:
1%" didn't solve the problem. Is anyone familiar with this problem?

I can't replicate the problem you are having - I don't run windows. In my
browsers, konqueror 3.3.2 and Firefox 1.0.2 the logo in the upper left
corner (spinning earth with 'Software, inc') flows onto the left side of
the header, top of the menu, and upper right corner of the content.
Resizing window has no effect.

Resizing font blows page out to lunch, with lines overlapping eachother,
horizontal scrolling, menus flowing into content, graphics broken up with
white blocks and so forth.

Carolyn
--
Carolyn Marenger

In message <c3333$4417c3c4$cf701cce$12920 (AT) PRIMUS (DOT) CA>, Carolyn Marenger
<cajunk (AT) marenger (DOT) com> writes

junkmailblackhole (AT) yahoo (DOT) com wrote:

I am building a website that is having problems displaying the navbar
in IE 6. The URL is http://www.cleanbrain.com. When the page initially
loads it looks just the way I want it. However, when the window is
resized in IE 6 at all, the navbar jumps over 200 px to the right. If
you look in the source, you will see that the navbar exists in the <div
id="links"> toward the bottom. It has a negative left-margin of
"margin-left: -200px". It appears that when the page is resized, that
margin is ignored. If I refresh the page or mouse over any links on it,
the navbar jumps back to where it's supposed to be. After spending too
much time googling for solutions, the closest bug appeared to be the
Peek-A-Boo bug for IE. However, adding "position: relative" or "height:
1%" didn't solve the problem. Is anyone familiar with this problem?

I have just run into the very same glitch... and have tried the very
same things, that failed to help in the very same way... So I am
familiar with it, but don't have a solution!
--
Chris Hughes
"Reality is that which, when you cease to believe, continues to exist."
http://www.epicure.demon.co.uk

Thank you all for your quick responses. Chris: In the end I resorted to
absolute positioning to make it work. Carolyn & kchayka: thanks for the
feedback--I know that I've got some work left to make the website
robust. This site was my first attempt at a table-less CSS layout, and
has definitely been a learning experience.

Dane Laverty

Thank you all for your quick responses. Chris: In the end I resorted to
absolute positioning to make it work. Carolyn & kchayka: thanks for the
feedback--I know that I've got some work left to make the website
robust. This site was my first attempt at a table-less CSS layout, and
has definitely been a learning experience.

Dane Laverty

I realized that I had not, as I usually do, set html and body to margin:

0;padding: 0; Once I had done that it was rock steady!
--
Chris Hughes
"Reality is that which, when you cease to believe, continues to exist."
http://www.epicure.demon.co.uk