How to work with fixed positioning in CSS?


Tags: css,positioning,fixed

Problem :

I'm trying to make a fixed vertical navigation on the left hand side of my website.

But, whenever I give it the position: fixed; and then position it using margins, it cancels out any links I have on the information in the <nav> tags.

Has anyone got any ideas on how to change this?



Solution :

the solution is in positioning using left and top properties not margins :)

#mydiv{
  position:fixed;
  top:100px;
  left:0px;
}

    CSS Howto..

    How to vary the tone of an image dynamically using only css?

      list only showing contents of first
    • , ignoring second

    How do align images vertically centers with CSS and HTML?

    How to center absolute div horizontally using CSS?

    How to style this triangle on a circular image?

    How to target a group of long similar CSS selectors on one line?

    how to colour user selected option using CSS in Firefox

    How to do letter spacing every two letters with CSS only?

    How do I make a textarea resize properly when I resize browser window?

    How can i make an arrow triangle using CSS without any cut in the side i.e. smooth sides?

    CSS question how to make one div appear over another?

    How to get the css with in inline styles using jquery

    How to do proportionate image gallery supporting both horizontal and vertical aspects?

    How to hide a div based on its class

    How to get length of elements with a certain css attribute?

    How to make background images clickable (javascript or css)

    how to change color of selected menu in css or jquery [closed]

    Contact page Design how to add Bootstrap

    Show span beside select

    CSS menu list items need to show inside div container

    How can I make my CSS update consistently? [closed]

    how to change a css class onclick?

    PHPStorm: How do I setup LESS to output to CSS directory with file watcher?

    Font is missing glyphs for specific language - how can I utilize css fallback in this case?

    How to have “onmouseover” highlight in css?

    How to vertically align in the middle a clickable image (between ) inside a div in a responsive manner?

    Use like this <div class="accounts"> <a href="LinkA" target="_blank"><img src="Vendors/Images/GithubLogo.png" alt="Github"></a> </div> <div class="accounts"> <a href="LinkB" target="_blank"><img src="Vendors/Images/SOLogo.png" alt="Stack Overflow"></a> </div> ...
    Read more

    How to make the background image to fit into the whole page without repeating using plain css?

    How to link an external stylesheet in CSS

    How to create a mobile navigation toggle using pure CSS?

    How to count the number of correct answers using Javascript?