Problem with horizontal bar in HTML-CSS

gdebojyoti · 05-01-2012, 12:29 PM

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. ( http://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 · 07-01-2012, 03:45 AM

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>