I'm definitely a novice at CSS and web design, but I'm still enjoying trying my hand at it, made possible to a very large extent to this site. I have a menu I'm working on at http://craigcurry.com/menu/index.html that displays fine in FF and Safari, but gets pushed down in IE7, and I cannot figure out why. Any ideas? (And if you see any other unwieldy or extraneous coding or whatever, please feel free to point that out as well.)
Thanks for the kind reply and idea, but that doesn't do it. It does push the background image down, and in FF and Safari some of the floated li's step down. (?) If this is of any help, I'm trying to use the concepts from http://www.consideropen.com/blog/2008/06/simple-mootools-12-animated-menu/ to do this.
Thanks.
**UPDATE: I was able to fix it after a lot of trial and error and slowly looking through each element. It took some tweaks to the placement of other items in the header, changing where the javascript placed the background image, and then floating my li's. The corrected page is at http://craigcurry.com/menu/index3.html. I thank God for Firebug. And thanks again Rob for the reply; I really appreciate it! :D
Awesome :) I was just lookin for it to have another plug at it, but im glad you managed to work through it - sometimes its better when you figure it out on your own.
I'm definitely a novice at CSS and web design, but I'm still enjoying trying my hand at it, made possible to a very large extent to this site. I have a menu I'm working on at http://craigcurry.com/menu/index.html that displays fine in FF and Safari, but gets pushed down in IE7, and I cannot figure out why. Any ideas? (And if you see any other unwieldy or extraneous coding or whatever, please feel free to point that out as well.)
Thanks,
Craig
Nice site :)
You will find that using padding to position is a bad move, as IE likes to make up its own padding rules lol
padding-top:119px;
try using
position:relative;
top:119px;
Thanks.
**UPDATE: I was able to fix it after a lot of trial and error and slowly looking through each element. It took some tweaks to the placement of other items in the header, changing where the javascript placed the background image, and then floating my li's. The corrected page is at http://craigcurry.com/menu/index3.html. I thank God for Firebug. And thanks again Rob for the reply; I really appreciate it! :D
Its lookin good as well man :D