stevie4483
New Member
i'm trying to make a div block sit with no space from the top of the page. I set the body margins to zero and that works, but when i put content inside of the div block it creates a gap.
<style type="text/css">
<!--
body {
background-image: url(../images/mainbg.jpg);
}
.popup {
height: 250px;
width: 380px;
background-image: url(../images/israel.png);
background-repeat: no-repeat;
padding-left: 120px;
}
.content {
height: auto;
width: auto;
padding-left: 190px;
margin: 0px;
padding-top: 0px;
}
h1 {
padding: 0px;
}
-->
</style></head>
<body leftmargin="0" topmargin="0" marginheight="0">
<div class="popup">
<h1>Name</h1>
<h2>Ceo</h2>
<h3>Bio</h3>
<p>Hello</p>
</div>
</body>
</html>
<style type="text/css">
<!--
body {
background-image: url(../images/mainbg.jpg);
}
.popup {
height: 250px;
width: 380px;
background-image: url(../images/israel.png);
background-repeat: no-repeat;
padding-left: 120px;
}
.content {
height: auto;
width: auto;
padding-left: 190px;
margin: 0px;
padding-top: 0px;
}
h1 {
padding: 0px;
}
-->
</style></head>
<body leftmargin="0" topmargin="0" marginheight="0">
<div class="popup">
<h1>Name</h1>
<h2>Ceo</h2>
<h3>Bio</h3>
<p>Hello</p>
</div>
</body>
</html>