Question

I would like to create a full width navigation bar that fits to 100% of width of the page, like the bar of this web, the one that contains *Inicio | Actividad | Comunicaciones:

https://community.jivesoftware.com/welcome

I would like to use only HTML and CSS. On the other hand, the bar has not to be in the top.

I would like to do something very similar to the picture, but I don’t know how to achieve that

Please share a simple example! Thanks in advance!

Answer 1

Enclose your bar within a div with some id like

<div id="mybar">
    <!-- your HTML -->
</div>

On CSS, use following properties

#mybar{
    position:fixed;
    top:0;
    left:0;
    right:0;
    height:50px;
}