Log in

View Full Version : CSS Spotlight Menu showing up vertical, not in line???


mjdaggs
08-22-2013, 12:59 PM
1) Script Title: CSS Spotlight Menu

2) Script URL (on DD): http://www.dynamicdrive.com/style/csslibrary/item/css_spotlight_menu/

3) Describe problem: I installed the CSS Spotlight Menu script on my youth football league website. It shows up perfect in Chrome and Firefox, but for what ever reason when I load the page in IE it shows up as a vertical menu. I know that it won't be animated, but I need it to at least still have the same in-line appearance as it does in Chrome and Firefox. Am I doing something wrong here?

http://www.fairportpackers.com/

I set up a test page with no other content and no other scripts and have the same problem:

http://www.fairportpackers.com/test

Please help.... Fyi I'm using IE8 - I'm guessing that may have something to do with it, but if that is indeed the problem then what can I do about it? I need some sort of solution other than asking 300+ families to update their web browser.

Any help is truly appreciated...
mjdaggs
08-22-2013, 01:04 PM
I would also like to note - the demo script on the DynamicDrive page shows up just fine in IE8 for me, it's just when I put the demo script on my web server that it no longer displays correctly.
jscheuer1
08-22-2013, 01:40 PM
Use a standards invoking DOCTYPE as the first thing on the page:


<!DOCTYPE html>
<html>
<head>
<style type="text/css">

.spotlightmenu{
width: 100%;
overflow:hidden;
} . . .

The browser cache may need to be cleared and/or the page refreshed to see changes.
mjdaggs
08-22-2013, 02:11 PM
Oh perfect - thank you..! Had no idea about that requirement at all. I learned basic HTML programming years and years ago and have never evolved =-) Thanks again.