Links list disappears in IE6
I have a webpage that is just two columns and a header. In the left column I've used an
- for links. The problem is that the list disappears in IE6. IE7 renders it properly. The page is for someone else and I can't just order them to update their browser. Any idea what the problem is? All help will be profoundly appreciated.
Used Cars at Western Motors.
USED CARS FOR SALE AT THE CHEAPEST PRICES
IN THE WEST
How To Find Us
Western Motors is situated on the corner of Rosamond Road and Mitchell Street.
supersam33 posted this at 06:59 — 7th August 2007.
He has: 32 posts
Joined: Aug 2007
Maybe add a bit of CSS to even it all out and get it working properly?
Roo posted this at 07:37 — 7th August 2007.
She has: 840 posts
Joined: Apr 1999
Try correcting the code errors and see what happens:
Right off the bat I see something missing in your Doctype.
It should look like this:
And you are missing the closing tag.
These things will throw off the entire page when you are using XHTML. It will not allow errors.
Roo
Magenta posted this at 07:43 — 7th August 2007.
She has: 47 posts
Joined: Jul 2007
Sorry, I forgot to post the stylesheet.:blush:
body
{
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #000000;
background-color: #e0e0e0;
margin: 0px;
}
#header
{
width: 780px;
margin-left: auto;
margin-right: auto;
border-bottom: solid #d5d5d5 3px;
}
#container
{
position: relative;
width: 774px;
margin-left: auto;
margin-right: auto;
padding: 0;
border: solid #a4a4a4 3px;
}
#nav
{
position: absolute;
width: 140px;
padding: 0;
margin: 0;
}
#nav ul li
{
list-style-type: none;
margin: 0;
padding: 0;
}
#nav ul
{
margin: 0;
padding: 0;
}
#nav ul li a:link {
color: #666666;
}
#nav ul li a:visited {
color: #a4a4a4
}
#nav ul li a:hover {
color: #000000;
}
#nav ul li a:link, #nav ul li a:visited, #nav ul li a:hover {
display: block;
font-weight: bold;
border-bottom: solid #a4a4a4 1px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 15px;
text-decoration: none;
}
#main
{
float: right;
width: 634px;
margin-left: 140px;
border-left: solid #a4a4a4 3px;
padding: 10px;
}
#cheap
{
font-size: 1.4em;
font-weight: bold;
font-style: italic;
text-align: center;
}
#map
{
width: 500px;
height: 300px;
border: solid #a4a4a4 2px;
margin: 10px;
}
h2
{
}
Magenta posted this at 07:56 — 7th August 2007.
She has: 47 posts
Joined: Jul 2007
Roo, thanks for the correction to the DTD. I've fixed the html file as you suggested but IE6 still won't show the links list.
I had the closing head tag in the document, I just did a slack job of cutting and pasting it to here. I think staring at code for hours has drained my caffeine reserves. Brain's getting....thingy.
Magenta posted this at 07:58 — 7th August 2007.
She has: 47 posts
Joined: Jul 2007
Roo, just saw your post with the corrected code! Thank you so much for going to all that trouble! I'll try it right now!
Magenta posted this at 08:11 — 7th August 2007.
She has: 47 posts
Joined: Jul 2007
It still doesn't display properly.
However, in an attempt to isolate the problem, I removed the link to the stylesheet from the html and the missing list appeared in IE6, unstyled but it was there. Does this give anyone any clues as to what the prob is?
Roo posted this at 07:46 — 7th August 2007.
She has: 840 posts
Joined: Apr 1999
And when you add the -->
Remove the beginning tag.
This is corrected code:
Used Cars at Western Motors.
USED CARS FOR SALE AT THE CHEAPEST PRICES
IN THE WEST
How To Find Us
Western Motors is situated on the corner of Rosamond Road and Mitchell Street.
Roo
supersam33 posted this at 08:38 — 7th August 2007.
He has: 32 posts
Joined: Aug 2007
your css wasnt valid with ie6, to fix this
you can put a simple link at the bottom of the page, changing from css to html, just make another page, maybe called like index2.html, and remove the css link from that and make it the html only page, this would make the site accessible by everyone.
The statement below is true.
The statement above is false.
Magenta posted this at 12:08 — 7th August 2007.
She has: 47 posts
Joined: Jul 2007
I think I've found my problem. It's apparently a well-known IE6 bug and there's an explanation and solutions here: http://www.positioniseverything.net/explorer/peekaboo.html
I'm gonna get a large mug of coffee and study up on the notoriously wacky, zany IE6. But first I wanna thank Roo for fixing my code ( :blush: ) and supersam33 for the suggestion about a straight html page. I'm going to keep that idea nearby for emergencies.
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.