Comments on: Sticky (Fixed) SideNav Layout with CSS

By: Free Templates

Free Templates — Fri, 22 Jul 2011 06:30:46 +0000

Well tutorialized !

By: Vanessa

Vanessa — Wed, 20 Jul 2011 09:46:04 +0000

can someone please help me?
i don’t know how to get my sidebar fixed..!!
please please heeelp!
xx

By: TheKoolDots

TheKoolDots — Fri, 08 Jul 2011 07:46:21 +0000

Great Information!

We’ve been brushing up on CSS, very timely, indeed.

Thanks for the post

By: 3

Wed, 22 Jun 2011 08:45:31 +0000

I am a newbie to CSS and have tried adding a fixed sidebar which seems to be working ok in Firefox. However, when testing the site in different browser using http://browsershots.org, in some cases it looks like I have duplicated the sidebar twice?!:

http://browsershots.org/http://www.3mobileuk.co.uk/

I have added:

#wrap {
position: relative;
width: 820px;
margin : 0px auto;
}
#secondary {
position : fixed;
top : 10px;
left : 50%;

padding-left : 110px;
}

#content {
width : 820px;
}

By: Shikeb Ali

Shikeb Ali — Sun, 17 Apr 2011 06:16:35 +0000

Incredible ! Loved the way you treated IE 6.

Thanks !

By: Nils

Nils — Mon, 04 Apr 2011 18:08:39 +0000

Does not work in iPad

By: patrvillaruz

patrvillaruz — Tue, 22 Mar 2011 05:40:34 +0000

nice tutorial but im looking other sticky sidenav..

By: Daniel

Daniel — Fri, 04 Mar 2011 01:06:20 +0000

Great Tutorial, just what I need for my latest site! I am having issues however when the screen resolution is small enough to allow you to scroll horizontally. The sticky nav overlaps the content to the right of it. Do you know how to stop the sticky nav from moving across horizontally?

By: Umar

Umar — Fri, 04 Feb 2011 00:24:37 +0000

small yet very much effective tutorial .. thanks

By: Abdullah

Abdullah — Wed, 12 Jan 2011 13:12:11 +0000

very very useful.. thnkx