Hola que tal buenas noches, siempre que uso
position:fixed me pasa lo que se ve en la imagen. Al usar la clase, el div -en este caso header que es a la que se la aplico-, el div de abajo sube y queda como en la imagen dos.jpg. Una solución sería ponerle un margin top al div debajo, pero no me convence. Veía un tutorial justo en el que el instructor usaba la clase y al refrescar la pantalla no le pasaba lo que a mi. Pregunto, es normal ese comportamiento o es que estoy omitiendo algo?
aunque no se si sea necesario de todas maneras pongo el codigo.
Cita: <body>
<header id="main_header">
<div class="container-fluid">
<div class="row">
<div class="col-xs-3">
<h1 id="main-logo">Presta Seguro</h1>
</div>
<div class="col-xs-9">
<nav>
<ul id="main-menu" class="nav nav-pills">
<li class="nav-item">
<a class="nav-link active" href="#">Inicio</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Nosotros</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Productos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Contactenos</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</header>
Cita: #main_header{position:fixed;top:0; width: 100%; z-index: 50;border-bottom:1px solid}
#main-menu{float: right}