Nav Bar/Frames - Plz help!!!

[design4586]

Hi, I need to make a navigation bar for the top of every page on my site and I would like it if I could freeze the nav bar on top of the page even when a user scrolls down - is there anyway to do this without using frames? And if not, how do I make it look seamless while using frames? (Note: I am designing a site using Dreamweaver MX on a Mac). Any help would be MUCH appreciated!

[sypher]

You need to use server side includes such as php.

Basically you make the navigation in a seperate html file such as navbar.html

Then include the navbar.html file into the pages you want it in. That way you just have to edit the navbar.html file to make changes instead of editing every page.

The php include function is

Code: Select all

<?php include("navbar.html"); ?>

In order for this to work you must save the file your using this code in as a .php extension (example: index.php )

[ukgeoff]

There is a way to produce the effect you want using css but unfortunately it doesn't work cross browser, most notably not with IE. The method described below works in FF and Opera.

It involves using the 'position' attribute.

You would add these line to the style block for the header div.

position: fixed;
top: 0;
left: 0;

Note that you can use top, right, bottom and left attributes to fix an element at any point on the screen relative to the viewport.

Someone recently found a way of exploiting a bug in IE to achieve the same effect. Unfortunately I cannot find a link to his site otherwise I would have include it as well.