html - Why does my regular navbar cover header while the collapsed one does not? (bootstrap/fullpage) -

-

i have problems navbar covering header instead of positioning below relative header height. when use smaller screen , navbar goes on collapse positions below should, how come?

main {    position: relative;    background-image: url(asdasdads-321-redigerad-2.jpg);    top: 0;    width: 100%;    height: 100%;    background-color: white;    background-repeat: no-repeat;    background-position: bottom;    background-size: cover;  }    header {    width: 100%;    height: 100px;    position: fixed;    top: 0;  }    .container {    position: relative;  }    .navbar-fixed-top {    position: relative;  }    .navbar-default {    position: relative;    width: 100%;    background-color: rgba(255, 255, 255, 0);    border-bottom: 3px solid rgba(51, 51, 51, 0);  }
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>  <header>    <h1>header</h1>    <p>asdf asdas dasdadf dgfsd sdf asf fsdfsdf sdfa sfasf df</p>  </header>    <nav class="navbar-default" role="navigation">    <div class="container">      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-container">        <span class="sr-only">toggle navigation</span>        <span class="icon-bar"></span>        <span class="icon-bar"></span>        <span class="icon-bar"></span>      </button>      <div class="collapse navbar-collapse" id="navbar-container">        <ul id="menu">          <li><a href="#firstpage" title="ab knapp" id="ab-logo">uppdrag</a></li>          <li data-menuanchor="secondpage" id="filosofi"><a href="#secondpage">filosofi</a></li>          <li data-menuanchor="thirdpage" id="uppdrag"><a href="#thirdpage">uppdrag</a></li>          <li data-menuanchor="4thpage" id="karriär"><a href="#4thpage">karriÄr</a></li>          <li data-menuanchor="5thpage" id="academy"><a href="#5thpage">academy</a></li>          <li data-menuanchor="lastpage" id="kontakt"><a href="#lastpage">kontakt</a></li>        </ul>      </div>    </div>  </nav>

why using .header position fixed ?? overlap nav header { width: 100%; height: 100px;

    top: 0; } use try

Comments

Post a Comment

Popular posts from this blog

java - Run spring boot application error: Cannot instantiate interface org.springframework.context.ApplicationListener -

-
i have spring project , try make use spring boot , run @ embadded tomcat following : https://spring.io/guides/gs/rest-service/ this application //@configuration //@enableaspectjautoproxy @springbootapplication @componentscan(basepackages = "gux.prome") public class application { public static void main(string[] args) { springapplication.run(application.class, args); } } if use maven command: mvn spring-boot:run , project starts fine, need debug , run main method @ intelij, exception occurs: exception in thread "main" java.lang.illegalargumentexception: cannot instantiate interface org.springframework.context.applicationlistener : org.springframework.boot.logging.classpathloggingapplicationlistener @ org.springframework.boot.springapplication.createspringfactoriesinstances(springapplication.java:414) @ org.springframework.boot.springapplication.getspringfactoriesinstances(springapplication.java:394) @ org.springframework.bo...
Read more

reactjs - React router and this.props.children - how to pass state to this.props.children -

-
i'm using react-router first time , don't know how think in yet. here's how i'm loading components in nested routes. entry point .js reactdom.render( <router history={hashhistory} > <route path="/" component={app}> <route path="models" component={content}> </route> </router>, document.getelementbyid('app') ); app.js render: function() { return ( <div> <header /> {this.props.children} </div> ); } so child of app content component sent in. i'm using flux , app.js has state , listens changes, don't know how pass state down this.props.children. before using react-router app.js defines children explicitly, passing state natural don't see how now. using couple of react helper methods can add state, props , whatever else this.props.children render: function() { var children = react.ch...
Read more

Excel VBA "Microsoft Windows Common Controls 6.0 (SP6)" Location Changes -

-
i have excel workbook used generate quotations customers. there main page user inputs data, , there buttons generate various pdfs , send them customer. however, 1 user consistently getting error preventing generating , sending pdfs. i beleive "microsoft windows common controls 6.0 (sp6)". it's installed on users' computers. on mine, location "c:\windows\syswow64\mscomctl.ocx" on others "c:\windows\system32\mscomctl.ocx" the user experiencing issues on 32-bit machine, "mscomctl.ocx" file should in system32. have manually put in there, , pointed common controls reference in vba it. issue seems keep reverting looking in syswow64. since folder doesn't exist, can't find it, , can't produce pdfs. i thought perhaps issue user running older version of office (2007) there users on 2013 , 2016. thought perhaps mixture of 64-bit , 32-bit users. user gets sent workbook other users (as quotation process goes further, gets passed ...
Read more