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

Peekaboo bug???

P: 8
I have been having problems with a site I am building for someone. You can see the site here http://www.stockchildservices.co.uk/

All of the code validates as XHTML 1.1 and CSS 2.1 and appears fine in both Firefox and Opera, however when I view the page in IE6, the entire menu is missing until you hover over one of the links in either the content or the right hand column of the page, then it all "magically" reappears!

Searching around about this has lead me to believe that it is the peekaboo bug that is causing it, and I have tried implementing the fixes suggested at positioningiseverything to no avail.

I would really appreciate it if somebody could take a look at the code and let me know where I am going wrong.

Thanks in advance,

Jon
Feb 25 '07 #1
Share this Question
Share on Google+
15 Replies


P: 99
I have been having problems with a site I am building for someone. You can see the site here http://www.stockchildservices.co.uk/

All of the code validates as XHTML 1.1 and CSS 2.1 and appears fine in both Firefox and Opera, however when I view the page in IE6, the entire menu is missing until you hover over one of the links in either the content or the right hand column of the page, then it all "magically" reappears!

Searching around about this has lead me to believe that it is the peekaboo bug that is causing it, and I have tried implementing the fixes suggested at positioningiseverything to no avail.

I would really appreciate it if somebody could take a look at the code and let me know where I am going wrong.

Thanks in advance,

Jon
Where is the code :)
Feb 25 '07 #2

P: 99
Where is the code :)
Ok it's sunday :)

why do you have the nav div inside the navigation div?


have your tried zoom: 1 already?
Feb 25 '07 #3

P: 8
Ok it's sunday :)

why do you have the nav div inside the navigation div?


have your tried zoom: 1 already?
I haven't tried zoom:1 yet... which div would I need to apply it to?

I have the nav div inside the navigation div because I wanted to keep the css that styles the menu list separate from the CSS that controls the layout. I suppose I could combine them...

Thank you for your prompt reply.
Feb 25 '07 #4

P: 99
I haven't tried zoom:1 yet... which div would I need to apply it to?

I have the nav div inside the navigation div because I wanted to keep the css that styles the menu list separate from the CSS that controls the layout. I suppose I could combine them...

Thank you for your prompt reply.
the navigation div. It's the containing element that needs to be manipulated to get rid of the peekaboo bug
Feb 25 '07 #5

P: 8
the navigation div. It's the containing element that needs to be manipulated to get rid of the peekaboo bug
Have tried it now, seems to make no difference.

I also tried to remove the extra nav div inside the navigation div, but it completely broke in both Firefox and IE, so I have left that as is..
Feb 25 '07 #6

P: 99
Have tried it now, seems to make no difference.

I also tried to remove the extra nav div inside the navigation div, but it completely broke in both Firefox and IE, so I have left that as is..
I have removed the div and changed the style from

[HTML]
/* Navigation styles... */

#nav ul {
list-style: none;
margin: 0;
padding: 0;
}

#nav {
width: 150px;
border: 1px solid #ccc;
margin: 10px;
}

#nav li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}

#nav li a:link, #nav li a:visited {
font: 100% normal Arial, Helvetica, sans-serif;
color: #000;
display: block;
background: url(../images/menu2.jpg);
padding: 8px 0 0 30px;
}

#nav li a:hover, #nav li a:active {
font: 100% normal Arial, Helvetica, sans-serif;
color: #000;
background: url(../images/menu2.jpg) 0 -32px;
padding: 8px 0 0 30px;
}
[/HTML]

to

[HTML]
/* Navigation styles... */

#navigation ul {
list-style: none;
margin: 0;
padding: 0;
}

/*#nav {
width: 150px;
border: 1px solid #ccc;
margin: 10px;
}*/

#navigation li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}

#navigation li a:link, #navigation li a:visited {
font: 100% normal Arial, Helvetica, sans-serif;
color: #000;
display: block;
background: url(../images/menu2.jpg);
padding: 8px 0 0 30px;
}

#navigation li a:hover, #navigation li a:active {
font: 100% normal Arial, Helvetica, sans-serif;
color: #000;
background: url(../images/menu2.jpg) 0 -32px;
padding: 8px 0 0 30px;
}
[/HTML]

I tested it and it worked fine for me in FF, IE7 and IE6
Feb 25 '07 #7

P: 8
I have removed the div and changed the style...
I tested it and it worked fine for me in FF, IE7 and IE6
Thanks for that! :) I have changed it too, and the menu is appearing as I expected, however I am still seeing the same peekaboo effect in IE6. I do not have access to IE7 at home, so will have to wait until I am at work tomorrow to check that browser...

I just can't seem to get any of the recommended peekaboo fixes to work. I am stumped!

Jon
Feb 25 '07 #8

Expert 100+
P: 1,892
Thanks for that! :) I have changed it too, and the menu is appearing as I expected, however I am still seeing the same peekaboo effect in IE6. I do not have access to IE7 at home, so will have to wait until I am at work tomorrow to check that browser...

I just can't seem to get any of the recommended peekaboo fixes to work. I am stumped!

Jon
I don't see this peekaboo effect with IE6 maybe your images aren't loading fast enough?
Feb 25 '07 #9

drhowarddrfine
Expert 5K+
P: 7,435
You are using this:
fieldset:hover

Only modern browsers understand this. IE, otoh, does not. IE only allows :hover on the <a> tag. This has been fixed in IE7.

I would like to point out your doctype is xhtml1.1. You should not be using this when serving your pages as html. Change it back to xhtml1 strict.
Feb 25 '07 #10

TNT
P: 48
TNT
It works fine on my IE6, there are no problems.
Feb 25 '07 #11

P: 8
You are using this:
fieldset:hover

Only modern browsers understand this. IE, otoh, does not. IE only allows :hover on the <a> tag. This has been fixed in IE7.

I would like to point out your doctype is xhtml1.1. You should not be using this when serving your pages as html. Change it back to xhtml1 strict.
I was aware that only modern browsers would understand fieldset:hover, but I thought that for an essentially small piece of design, it did not matter a great deal.

As I do not have access to my web server other than via ftp, is there a way in which I can get it to server my documents as xml rather than html? Am I correct in thinking that this would then be fully compliant with the XHTML1.1 specs?
Feb 26 '07 #12

P: 8
I don't see this peekaboo effect with IE6 maybe your images aren't loading fast enough?
Aric,

One of my initial lines I looked down was the possibility of the images not fully loading, and this stopping the page rendering, but I removed all of the css styling from the menu, (including the images) and it made no difference, the same effect happened. Is it possible that it is my version of IE6 that is the issue?

I will have to try it out at work with IE6 and 7 to see if the effect is still there.

If it is an issue with load times, it would be advantageous for me to check it over a very slow dial up connection and see what happens there... Any takers? ;)
Feb 26 '07 #13

drhowarddrfine
Expert 5K+
P: 7,435
is there a way in which I can get it to server my documents as xml rather than html?
Talk to your host and see if they can do that for you. However, IE, both 6 and 7, do not know xhtml served as xhtml so that may shoot you in the foot. Again, only modern browsers do.
Am I correct in thinking that this would then be fully compliant with the XHTML1.1 specs?
You mean your page? It validates, yes, but browsers will still interpret it as html.
Feb 26 '07 #14

Expert 100+
P: 1,892
If it is an issue with load times, it would be advantageous for me to check it over a very slow dial up connection and see what happens there... Any takers? ;)
I would rather have no internet than dial up. I don't even like when I'm forced to travel and use 'DSL' I think it's garbage. High speed or no speed for me. Yes I realize some people can't afford or don't have hight speed available I'm not totally heartless.

Aric
Feb 26 '07 #15

Expert 100+
P: 1,892
Jon,
Oddly enough, there are times when I open the page and it renders the menu in the correct position and others where it attaches to the left side of the screen until you hover over it. Very weird.
Feb 26 '07 #16

Post your reply

Sign in to post your reply or Sign up for a free account.