Problem with horizontal bar in HTML-CSS

gdebojyoti

gdebojyoti

AFOL
I wanted to create a horizontal bar at the top of my HTML web page. I used the following code for that:

Code: 
<html>

<body>

	<div style="width:100%; height:40px; background-color:olive; margin: 0 0 0 0;" align="center">
		Hello
	</div>

</body>

</html>

But a white space appears all around the bar. ( *www.debojyotighosh.com/projects/isn/test1.html )

Is there any way by which this space can be avoided (other than using negative values in "margin")?
 
Sujeet

Sujeet

Undead!!!
:neutral::neutral::neutral:add padding:0 and margin:0 attribute to body!!!!


Code: 
<html>

<body style="margin:0; padding:0;">

	<div style="width:100%; height:40px; background-color:olive; margin: 0 0 0 0;" align="center">
		Hello
	</div>

</body>

</html>
 
You must log in or register to reply here.
Top Bottom