html - move div down below fixed header -
i have searched , can't seem find answer looking for.
i want know how move div down below fixed header.
@import url(http://fonts.googleapis.com/css?family=oswald); body { width: 100%; margin: auto; } .container { width: 75%; margin: 0 auto; } .header { background: #6396bc; width: 100%; top: 0; position: fixed; } .logo { float: left; font-family: "oswald", sans-serif; font-size: 15px; margin-left: 15% } { text-decoration: none; color: white; } li { list-style: none; float: left; margin-left: 15px; padding-top: 15px; font-family: "oswald", sans-serif } .nav { float: right; margin-right: 15% }
<!doctype html> <html> <head> <title>team zeus | home</title> <link rel="stylesheet" href="../stylesheets/styles.css"> </head> <body> <div class="header"> <div class="container"> <div class="logo"> <h1><a href="#">team zeus</a></h1> </div> <div class="nav"> <ul> <li><a href="#">home</a></li> <li><a href="#">page</a></li> <li><a href="#">another page</a></li> <li><a href="#">1 other page</a></li> </ul> </div> </div> </div> <div class="container"> <div class="content"> <p>i copied , pasted article wikipedia in here, (to test out header @ top)</p> </div> </body> </html>
i think containers, because when try , resize them width, messes full page around. cannot figure out
thanks
you mean move content down below header? if that's want position content div this:
.div { position:relative; top: 100px; }
Comments
Post a Comment