Strange IE issue

L

Leupi

I have a site that renders fine in Firefox and Opera but I am seeing
some very strange things in IE (surprise...). None of my navigation is
visible; it's there, if you mouse over where it should be you can click
on the hyperlink, you just can't see the hyperlink. This is happening on
two different navigation lists. My graphics are not showing up either,
if you mouse over them you will see the contents of the alt tag, but the
graphic itself is not visible. The page will not center in IE or
maintain the width that I set for it.

I have put the index.html and the style_1.css pages through the W3C
Validator and I am getting this issue with the html page:

"Line 10, Column 6: end tag for "HEAD" which is not finished.

</head>

Most likely, you nested tags and closed them in the wrong order. For
example <p><em>...</p> is not acceptable, as <em> must be closed before
<p>. Acceptable nesting is: <p><em>...</em></p>

Another possibility is that you used an element which requires a child
element that you did not include. Hence the parent element is "not
finished", not complete. For instance, in HTML the <head> element must
contain a <title> child element, lists (ul, ol, dl) require list items
(li, or dt, dd), and so on."

I can not find anything that I have done wrong with the <head> tag, not
sure what I am missing. There is also an ID error, I know what that is,
I just need to figure out how to fix it and still get the effect that I
want. I did delete that issue temporarily and it did nothing to fix the
issue however.

My CSS came out clean with the exception of a *html hack that is in
there for IE.

This is all very strange to me and I have been staring at it without any
success. If someone else could check it out I would certainly appreciate it.

http://www.policy.hu/asrar/index.html

Thanks for your time,

Todd
 
B

Beauregard T. Shagnasty

Leupi said:
I have a site that renders fine in Firefox and Opera but I am seeing
some very strange things in IE (surprise...). None of my navigation is
visible; it's there, if you mouse over where it should be you can click
on the hyperlink, you just can't see the hyperlink. This is happening on
two different navigation lists. My graphics are not showing up either,
if you mouse over them you will see the contents of the alt tag,

It's an attribute, not a tag. You will only see it (the text of it) on
mouseover in IE, which is borked. All other browsers use the text of the
image's *title* attribute on mouseover. The alt attribute is what a
browser is supposed to display on the page when images are turned off by
the visitor, by text-only browsers, etc.
but the graphic itself is not visible. The page will not center in IE
or maintain the width that I set for it.

Sorry, I don't have IE available to test that, but it's probably
something with all the #id business.
I have put the index.html and the style_1.css pages through the W3C
Validator and I am getting this issue with the html page:

"Line 10, Column 6: end tag for "HEAD" which is not finished.

</head>
For instance, in HTML the <head> element must contain a <title> child
element,

You don't have a title element.
I can not find anything that I have done wrong with the <head> tag, not
sure what I am missing. There is also an ID error, I know what that is,
I just need to figure out how to fix it and still get the effect that I
want. I did delete that issue temporarily and it did nothing to fix the
issue however.

You can only use a named id once per page. Use a class instead.
My CSS came out clean with the exception of a *html hack that is in
there for IE.

...but your CSS is rather complex for such a simple site. You seem to be
stuck on wanting to make everything an #id, instead of using .class
I'd say over-complex...

body#home a#home,
body#projects a#projects,
body#articles a#articles,
body#portfolio a#portfolio,
div#demgov a#demgov,
div#anticorrupt a#anticorrupt,
div#civsoc a#civsoc,
div#plans a#plans,
div#time a#time,
div#satellite a#satellite,
div#potr a#potr,
div#chaotic a#chaotic,
div#fragile a#fragile,
div#parlament a#parlament,
div#ucs a#ucs,
div#vote a#vote,
div#advisor a#advisor,
div#ipf a#ipf,
div#cv a#cv {
....etc.

What's up with all that? Is it important if parliament is misspelled?
 
L

Leupi

Beauregard said:
It's an attribute, not a tag. You will only see it (the text of it) on
mouseover in IE, which is borked. All other browsers use the text of the
image's *title* attribute on mouseover. The alt attribute is what a
browser is supposed to display on the page when images are turned off by
the visitor, by text-only browsers, etc.

You are of course correct, I misspoke by calling it an alt tag.
Sorry, I don't have IE available to test that, but it's probably
something with all the #id business.



You don't have a title element.

You are again right about the title element, I guess that I was staring
at it for so long I missed that; and the validator spelled it out for me
also...
You can only use a named id once per page. Use a class instead.

I tried using classes for that issue and it would not work for some
reason. I will have to work on that.
..but your CSS is rather complex for such a simple site. You seem to be
stuck on wanting to make everything an #id, instead of using .class
I'd say over-complex...


body#home a#home,
body#projects a#projects,
body#articles a#articles,
body#portfolio a#portfolio,
div#demgov a#demgov,
div#anticorrupt a#anticorrupt,
div#civsoc a#civsoc,
div#plans a#plans,
div#time a#time,
div#satellite a#satellite,
div#potr a#potr,
div#chaotic a#chaotic,
div#fragile a#fragile,
div#parlament a#parlament,
div#ucs a#ucs,
div#vote a#vote,
div#advisor a#advisor,
div#ipf a#ipf,
div#cv a#cv {
...etc.

What's up with all that? Is it important if parliament is misspelled?

All of the above is to give a gray background to the link(s) that
pertains to the page that the user is on. This way I do not have to
change the bg colors of the links on a page by page basis, it is all
done in the style sheet. I agree though, it does tend to make the CSS a
bit heavy.

Thanks for the insight, I'll jump on it again tomorrow, I've had enough
for one day...

Thanks again,
Todd
 
L

Leupi

dorayme said:
You have the same id value for both body and a link, fix this up. ids
must be unique, one value per page.

And you are missing a semi colon in your footer.

Why are you using transitional. How about Strict 4.01
I was having issues getting the link bg to work right when I used
classes, for some reason using IDs worked. I will have to spend some
time on that and figure out what I was doing wrong.

I will also get the semi colon in and change from transitional to
strict, thanks for pointing that out. As far as the IDs go, I
temporarily deleted them and it still did not fix the IE problem, so I
put them back, I will spend some time on them and get them switched over
to classes. I need to figure out why that gave me issues before.

Thanks,
Todd
 
L

Leupi

dorayme said:
You have the same id value for both body and a link, fix this up. ids
must be unique, one value per page.

And you are missing a semi colon in your footer.

I'm sorry if I am being dense here; where am I missing the semi colon?
Are you speaking of the CSS?

#footer {
font-size: .8em;
border-top: 1px solid green;
text-align: right;
clear: both;
}

Thanks,
Todd
 
D

dorayme

[QUOTE="Leupi said:
You have the same id value for both body and a link, fix this up. ids
must be unique, one value per page.

And you are missing a semi colon in your footer.

I'm sorry if I am being dense here; where am I missing the semi colon?
Are you speaking of the CSS?
[/QUOTE]
No, in the html, the character entity reference &copy;
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

No members online now.

Forum statistics

Threads
473,994
Messages
2,570,222
Members
46,809
Latest member
moe77

Latest Threads

Top