I’m want to define top navigation bar as FIXED and the content below as RELATIVE, i mean that i want the page content position below the navigation bar, but in my code result the content is going on the navigation bar, there is a good way to fix it?
I don’t want to use margin-top: 100px… i want the content position go below the navigation auto, and not by pixels
Practically Not possible. Since Position:fixed makes your navigation out of flow from the body. so the other RELATIVE parts of your HTML did not know there is such navigation available. so there is no way to do that. you can set Margin to your MAIN Content and Top:0 for your fixed nav.
By the way may i know the reason for this auto positioning idea ?