By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
435,285 Members | 2,124 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 435,285 IT Pros & Developers. It's quick & easy.

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

P: n/a
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

Mar 15 '06 #1
Share this Question
Share on Google+
5 Replies


P: n/a
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

Mar 15 '06 #2

P: n/a
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
Mar 15 '06 #3

P: n/a
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.
Mar 15 '06 #4

P: n/a
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

Mar 16 '06 #5

P: n/a
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
Mar 19 '06 #6

This discussion thread is closed

Replies have been disabled for this discussion.