How to make two divs top and bottom

by

Using <div class="space"></div> before the slider and giving it a height:50px; in css (the same height as the navigation.)

body {margin: 0; padding:0;}
ul {
  background: #000;
  color:#fff;
  line-height:50px;
  margin:0;
  padding:0;
  position: fixed;
  width:100%;
}
ul li {
  display:inline-block;
}
.space {
height:50px;

}
.slider {
  background:red;
  height:350px;
  width:600px;
  margin:0;
}
<ul>
  <li>Home</li>
  <li>About</li>
  <li>Contact</li>
</ul>
<div class="space"></div>
<div class="slider">
</div>

More Related Contents:

  1. Something weird with css
  2. Would your website perform better if you created stylesheets for each screen size, rather than using a feature such as Bootstrap?
  3. HTML & CSS : How do I change names and job titles to be under the pictures
  4. What’s the difference between an id and a class?
  5. Does :before not work on img elements?
  6. Responsive grid of hexagons
  7. Why does styling the background of the body element affect the entire screen?
  8. Override browser form-filling and input highlighting with HTML/CSS
  9. Twitter Bootstrap 3 Sticky Footer
  10. Removing whitespace between HTML elements when using line breaks
  11. Stretch text to fit width of div
  12. How to stop text from taking up more than 1 line?
  13. Scroll particular DIV contents with browser’s main scrollbar
  14. How to keep footer at bottom of screen [duplicate]
  15. How to give the background-image path in CSS?
  16. Bootstrap – 5 column layout
  17. CSS horizontal centering of a fixed div?
  18. Giving a border to an HTML table row,
  19. Creating a ‘New’ spiky label with 24 or above point burst
  20. How to prevent text in a table cell from wrapping
  21. Font Awesome icons are not working, I have included all required files [closed]
  22. Half circle with CSS (border, outline only)
  23. How to implement curve background in CSS? [duplicate]
  24. Tooltip with HTML content without JavaScript
  25. Change color of one character in a text box HTML/CSS [duplicate]
  26. Stretching tag to fill entire
  27. Blank iFrame in IE
  28. Make a perfect circle around a div of variable height
  29. text-decoration not working for visited state link
  30. Table vertical header?

Leave a Comment