DIV Fixed to Top of Screen

**EpicKris** · 07-03-2011, 07:07 AM

I have a DIV element which I want to remain at the top of the screen, even if the user scrolls down. I've done everything I think, but it still does not seem to be working.

Here is an example of my current setup:
Example

**aj_nsc** · 07-03-2011, 07:13 AM

CSS:

Code:

position: fixed;
width: 100&#37;;

**EpicKris** · 07-03-2011, 07:17 AM

Originally Posted by aj_nsc

CSS:

Code:

position: fixed;
width: 100%;

Already using that in the CSS file.

**aj_nsc** · 07-03-2011, 07:35 AM

@import is pointing to the wrong directory.....so it doesn't look like you are using it in your CSS.

I right clicked the element and clicked "Inspect element" in webkit and checked out all the applied styles, position: fixed wasn't one of them meaning that the styles in nav.css weren't getting applied.

That's why I missed it.

Should be @import(nav.css) - it points relative to the CSS file, not the HTML document that the CSS file is linked to.