Desarrollo y diseño

Nav position fixed principiante

A
Apok9 #1 Abr '18

Hola,

Tengo un problema con el position fixed de la barra de navegación, a lo mejor es una tonteria pero me esta mareando.

la imagen ]https://gyazo.com/26a7c1203674feb37611fad6bb8af328
Os dejo el codigo html.
<div id="contenedor">
<nav>
<div id="nleft">
Dominio.com
</div>
<div id="nright">
</div>
</nav>
y el codigo css:
#contenedor{
background-color: white;
width: 100%;
height: 100%;
}

nav{
position: fixed;
background-color: white;
width: 100%;
height: 20%;

}

#nleft{
float: left;
color: black;
font-size: 15px;
font-family: arial;
margin-left: 5%;
margin-top: 1%;
}

#nright{
float: right;

gracias

sonk
sonk #2 Abr '18

Puedes estableces la altura en % solo si el elemento princinpal tiene un conjunto de altura especifico.
html, body{
height: 100%;
}

A
Apok9 #3 Abr '18

nada, sigue saliendose la imagen por arriba de la barra de navegación

alterego
alterego #4 Abr '18

#1 Exactamente que efecto quieres conseguir?

Al nav a parte de ponerlo fijo si lo quieres arriba tienes que situarlo ahí con:

top: 0;
left: 0;

Ten encuenta que por defecto los navegadores le ponen un margen al body

Demo jsfiddle

2 1 respuesta
A
Apok9 #5 Abr '18

#4 Ya funciona te quiero xd,
era eso de top y left 0
gracias

Usuarios habituales

Tags