CSS / "fake", "emulated" / Frames - I need a fixed menu as well.

css fake emulated frames

[scandix]

I also need a fixed menu.

First, I refer to 2 examples. They are to be seen directly at the urls:

<snip>

I tried to modify these, the get a fixed menu because they have a fixed width, which I must have.
I will probably set it to ca 900.

They react in the same way, in IE6, you can see that the header moves 1px to the left while scrolling up. The first one, looses its white background as well as sidabar background, if the content is removed, so that is something the maker didnīt think of. I have not tried how the <snip> reacts in this way.

So, what do I want? I need a fixed menu. The first one has a menu, called sidebar in its code.
I have tried to make it fixed. It didn't work out for me. I tried to copy all the header elements and then shaping them to look like a menu. I worked almost but the results wer not the same in Firefox and my IE6.

I humbly also ask people not to preach about "frames are out of date blah blah..". Only html-frames are "bad". Css-frames keep all the content in one same url. Why do I need a fixed menu?

---> Because #1, I do web pages and the content makes the pages long. So when the readers look at my pages, I want them to see the menu all the time, because #2 I have google adsense ads in there, and as it is now, when they scroll down, the ads are scrolled up. I don't want to put more ads all the way in the menu-sidebar, adsense pays most for ads being up on the page. With a fixed menu, I need only 1 ad in the menu, being always visible. Because #3, it may make the visitor stay longer on my site(s). Even if the page is scrolled down, and the visitor gets bored, the links to other pages on the site are still there, or links to other sites (that are my sites as well..)

-------------------------------

The codes are, of course available through the urls above but I include them here, with the full href-url in them, for the 'if IE6'-part after the css, so that you can just copy as it is and load in your IE6 browser, and firefox as well, of course, to monitor the results for both browsers.

<snip>

[edited by: swa66 at 6:37 pm (utc) on April 18, 2009]
[edit reason] No URLs, no copyrighted code allowed please see ToS [/edit]

[DrDoc]

I am not entirely sure how valid the following still is, although I know it still works. Might need a few tweaks here and there, but should give you a good start:

Emulating Frames - A working example [webmasterworld.com], especially the last post (final v2.1)

[edited by: DrDoc at 12:54 am (utc) on April 21, 2009]