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

Popular posts from this blog

c++ - llvm function pass ReplaceInstWithInst malloc -

Cross-Compiling Linux Kernel for Raspberry Pi - ${CCPREFIX}gcc -v does not work -

java.lang.NoClassDefFoundError When Creating New Android Project -