I've looked at this in Firefox, IE 6, Lynx, and Netscape 4, and it functions. I'm looking for people with Mozilla, later Netscape, Opera, IE 5, and anything else less common to look at this and tell me if it does what it's supposed to:

http://www.creativeinsanity.net/zoids/iamafish.html
(The title is from my habit of typing random song lyrics in test pages. I had Bon Jovi on.)

The menu is supposed to hover at the top of the screen, even with the background image so it's alongside it as you scroll. It's just a div using position: fixed along with a nifty fix for IE 6 (see here), for the curious.

Problem: I don't have IE 5 to see what happens. I suspect the layout will work but the menu will scroll, which is good enough. I just want to make sure it doesn't die. If there's an easy way I can get IE 5 to work with 6 already installed, that'd work too.

And I know the back to top link is messed. I'll fix it later...I need to know if the hovery thing is doing okay first.

don't have Explorer 5, but works in
Mozilla, Safari (iBrowse), Opera, and Explorer 7 Beta

Works fine in Firebird 0.6 upwards, but it's a little off in IE 6.0 -
http://img.photobucket.com/albums/v191/Capitila/iamafish.jpg

Yay for slow replies

...well, that's odd. *pokes it* It should make it so there's two rows of menu, not go pokey onto the scrollbar. Does it interfere with the scrolling at all?

There's got to be a way to fix that...

I think the problem is not the site itself, but the computer. I think the computer's resolution, if you look at it and compare it to mine...

http://img.photobucket.com/albums/v239/zer...94/d89b8afd.jpg

@cap See so I think if you lowered (or raised?) your computer resolution it'll look different.

no the problem is with the site.. Tilly you'll need to offset the Width value by around -13px. This should solve the problem.

It's only a small issue, because it takes the size from the total innerWidth rather than the viewableWidth. :)

Offset how? I figured there was something CSS-y that needed poking...

And I want it to work in as many resolutions as possible, so Cap using a lower one is good...

Maybe I'll move the menu...

I dunno how you've set it up... my first guess would be with

var MaxWidth = window.innerWidth(); // just add to the end -13 or something

There needs to be something that calls back the width of your browser window in Javascript. So it knows when to stop rendering.

That's for Javascript, not CSS. Just define a width and no height for the menu bar and it will automatically adjust. Padding is also done differently in IE and FF, IE indents text, while FF adds to the width of a div.
You're floating main to the right, while the menu isn't. If you define them both the same they'll be right next to each other so they don't overlap, and all you'll have to do is get rid of the side border of one of them.
For the transparency of the menu quality can be increased by using alpha-hue or something, I can't quite remember how to do it though. T_T

Does it work now? I think I figured out what was broken...

I've never messed with transparency in CSS...I'm not sure what it works in, either.

http://mathcs.wilkes.edu/~hatchek/tillysfish/

Well anyway, I redid the layout with frames just to try it, and it seems IE is still being dumb when it comes to the scroll bars. I guess they are interpereted as an obeject even when they arent there (considering they are always there wether or not they are active [shaded-out]), also I noticed that when you tell IE NO BORDER, its like "uhh ok, just make the border really small.."

So w/e

~@Tilly, nope still shows a layover in IE6

~~ http://www.howtocreate.co.uk/fixedPosition.html might have some usefull information for you!

Argh. Maybe I'll just have to set it a bit over from the side, then. I don't want to mess with anything that complex just because IE doesn't like position: fixed...

hmm.. whenever I use CSS I tend to use Javascript too, because I get more control over it.

Failing that you could always do DHtml.
http://www.w3schools.com

^_^ that has a lot of info that might help