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

[junkmailblackhole]

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

[Carolyn Marenger]

ju***************@yahoo.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

[The Major]

In message <c3***************************@PRIMUS.CA>, Carolyn Marenger
<ca****@marenger.com> writes

ju***************@yahoo.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

[kchayka]

ju***************@yahoo.com wrote:

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,

I tried, but your CSS is way too convoluted for me. Your positioning
schemes are overly complex, not to mention illogical. Attempts at a
pixel-perfect layout are doomed to failure, you know. Try zooming text
in Firefox/mozilla up a couple notches and see how well your layout
adapts. It's not very pretty.

Go find yourself a nice template that already has most of what you're
looking for, and start over. Here is a place to start:
<URL:http://css-discuss.incutio.com/?page=CssLayouts>

--
Reply email address is a bottomless spam bucket.
Please reply to the group so everyone can share.

[junkmailblackhole]

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

[The Major]

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