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
15 2780
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 :)
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?
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.
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
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..
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
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
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?
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.
It works fine on my IE6, there are no problems.
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?
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? ;)
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.
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
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.
Sign in to post your reply or Sign up for a free account.
Similar topics
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:...
|
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...
|
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...
|
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,...
|
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...
|
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...
|
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...
|
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...
|
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.
...
|
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...
|
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...
|
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...
|
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...
|
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...
|
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)...
|
by: Defcon1945 |
last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
|
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
|
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...
| |