html - CSS : Trying to get to div one after another -


The first division is navbar and I am making it with the help of twitter-bootstrap . There is 90px height in it.
The rest height will be taken by the second div with an image background. The first NAV bar is the code for the Diva:

  & lt; Div id = "firstdiv" class = "navbar navbar-inverse navbar-fixed-top" & gt; & Lt; Div class = "navbar-inner" & gt; & Lt; A class = "brand" href = ". / Index.php" & gt; Home & lt; / A & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div id = "seconddiv" class = "invitation-bg" & gt; & Lt; Div class = "line-fluid" & gt; & Lt; Div class = "span6" & gt; Liquid 6 & lt; Div class = "line-fluid" & gt; & Lt; Div class = "span 6" & gt; Liquid 6 & lt; / Div & gt; & Lt; Div class = "span 6" & gt; Liquid 6 & lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt;   

First Developer CSS:

  .navbar {* Status: Relative; * Z-index: 2; Margin-down: 20px; Overflow: visible; } .navbar- Internal {min-height: 5.7em; / * Change * / padding-right: 20px; Padding-left: 20px; Background color: #fafafa; }   

Second DSS CSS:

  div.invite-bg {background-image: url ('../ img /b1g.jpg '); Margin: 0 auto; Width: 100%; Height: 70%; Status: Completed; }   

I have been facing the following issues:

  1. How to

    & gt;
  2. The second device is overlapping in the first div. I want to divide them with height 30% and 70%.
  3. How should the background size be chosen so that it fits the other part completely?

      div.invite-bg {background-image: url ('. ./ img / b1g.jpg '); Margin: 0 auto; Width: 100%; Height: 70%; Status: Completed; Top: 30%; / * Moves down 30% of the divisions at the top of the screen * /}   

    Added top: 30%; The attribute should work I think what you are asking.

Comments

Popular posts from this blog

excel vba - How to delete Solver(SOLVER.XLAM) code -

github - Teamcity & Git - PR merge builds - anyway to get HEAD commit hash? -

ios - Replace text in UITextView run slowly -