473,320 Members | 1,825 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,320 software developers and data experts.

Peekaboo bug???

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
15 2780
xwero
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
xwero
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
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
xwero
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
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
xwero
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
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
AricC
1,892 Expert 1GB
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
7,435 Expert 4TB
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
48
It works fine on my IE6, there are no problems.
Feb 25 '07 #11
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
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
7,435 Expert 4TB
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
AricC
1,892 Expert 1GB
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
AricC
1,892 Expert 1GB
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

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

Similar topics

1
by: Carriage Return | last post by:
Hi, I posted earlier because my content was disappearing on IE6, and was pointed towards the peekaboo bug site, http://www.positioniseverything.net/explorer/peekaboo.html I used the 'position:...
5
by: Frostillicus | last post by:
I've created a page that will contain a the thumbnails of photos I took in Beijing a couple of years back but since making each thumbnail <div> a float: left the <h1> tag in the document...
3
by: Barry Pearson | last post by:
I'm posting here because this is associated with the behaviour of a floated element. It has similarities to the IE 6 (on Windows) "peekaboo" bug, and I suspect was written by the same coder having...
5
by: Alex Bell | last post by:
Please look at the page http://www.members.iinet.net.au/~abell1/test/leaders.htm whose css file is city.css in the same directory. The page has a header, a left fixed and floated navigation div,...
3
by: Daan | last post by:
Please have a look at the following site *with IE6*. When hovering over a link in the menu bar, all the text in the 'left' area of the site that is below the 'right' area of the site just...
21
by: Alan Silver | last post by:
Hello, The latest incarnation of my troubles can be seen at www.kidsinaction/fd3/x.html - both HTML and CSS validate. I have two problems with it... 1) If you view this in FF, quite often the...
0
SamKL
by: SamKL | last post by:
HTML - SJFWeb.net Template: Transcend CSS - Main CSS - Menu DIV CSS - Style DIV The bug in IE6 is strange and I can't find any documentation on it anywhere. I've managed to fix several...
0
by: silco | last post by:
Hi Everyone.. hope you can help! I have a IE6 border bug, most of the common fixes tell me to use relative on my container divs. This fixed some problems but now I have a left border problem...
5
by: alexzeta | last post by:
Hello to all forum members, I can't solve this strange behaviour of IE6 (win); I need to make one row of 90x40px buttons with one of them divided horizontally in two mini-buttons of 90x20px. ...
0
by: DolphinDB | last post by:
The formulas of 101 quantitative trading alphas used by WorldQuant were presented in the paper 101 Formulaic Alphas. However, some formulas are complex, leading to challenges in calculation. Take...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
0
by: Defcon1945 | last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.