html - Get single-page website below navigation bar on bottom of browser -
okay, title might sound confusing, i'm not sure. i've got site i'm working on locally , have navigation bar start @ bottom of page , scroll , become fixed top of browser. issue i'm having, however, getting #pagecontent
go below navigation bar. it's taking space both above and below it. please take @ codepen i've linked below see mean.
http://codepen.io/anon/pen/dgvmvx
note 1: ids of i'm trying below navigation bar #pagecontent
, #pagecontentwrapper
. can found @ bottom of css , contains of <br /><br />
in html. if i'm thinking correctly focus should on getting #pagecontent
below navbar (since it's contains #pagecontentwrapper
.
note 2: while they're taking space above navbar, they're covering landing (or home) section of website. if comment out background colors you'll able see it.
note 3: gave them backgrounds did it's easier on guys visually , can tell sections you're working apart rest. once they're below navigation bar background switched white (for both).
the solution simpler since div#pagecontent
has position of value absolute. give css property of top:%100
div#pagecontent { background: #d35400; /* set #fff once page content below navbar should */ width: 100%; margin: 0; padding: 0; position: absolute; z-index: 98; top:100%; }
Comments
Post a Comment