hello, if this isn't the place to ask this, please point me to the proper link :)
here's my code, and I want to make all the divisions stuck together, with the LEMT on top, the navbar underneath on the left, and the body next to it on the right. The LEMT is far from the top on purpose to leave room for a graphic. I don't know why there's a space between 'navbar' and 'text' on the rendered page.
</html>
<head>
<style type="text/css">
<!--
div.header {
background: gray;
border: solid 2px;
padding: 5px;
margin-top: 15%;
margin-bottom: relative;
}
div.navbar {
background: maroon;
border: solid 2px;
padding: 10px;
margin-right: 80%;
margin-top: relative;
z-index: 1;
}
div.body {
background: lightblue;
border: solid 2px;
padding: 10px;
margin-left: relative;
margin-top: relative;
z-index: 0;
}
-->
</style
</head>
<body>
<div class="header"><h2>LEMT</h2>
</div>
<div class="navbar">
<i><center>Navbar</i><br>
links<br>
underneath<br>
blah<br>
blah<br>
</div>
<div class="body"><center>fun text here
</div>
</body>
</html>