I’m hoping someone can point me in a direction. I’m using a variety of coding on my site: PHP, html, css, jquery and have run into a problem that only shows up on IE7.
If you are willing to take a look… direct your browser to the following URL
http:// test dot geneseo dot net
You should see a welcome screen in the middle - with a “maximize and minimize” link above it… when you click on minimize then maximize you will see the display issue I’m referring to but you must be using IE7. When you click on max or min it should expand or hide a div… you will notice that HALF of the image stays on top while the rest gets hidden (during the transition)
Apart from the fact that the markup DTD goes against the actual markup (you use html 4.01 strict, but then, you’re using self closing tags, like for a xhtml DTD), your page cannot be validated.
This is what the validation service says:
Sorry, I am unable to validate this document because on line 944 it contained one or more bytes that I cannot interpret as utf-8 (in other words, the bytes found are not valid values in the specified Character Encoding). Please check both the content of the file and the character encoding indication.
The error was: utf8 “\x93” does not map to Unicode
So, I would recommend first, use Notepad++ to clean up garbage encoding you have there.
Thanks for your reply. I will look into the validation items you mentioned. Also, I have moved my scroller to the top of the page, which for now seems to have fixed my original issue described in this post.
Which validation service did you use?
Thanks - Ron