Tiny space between container div and top of page

I created a site using dreamweaver.

You can visit at yankeepankee.co.cc

My container div already contains:


But still im not able to remove the space…

Any idea as to how can it be done?

This is caused by the browser’s default body margin. Adding this rule will remove it.

body { margin:0; }

Already there. Does’nt work.

Should i upload the html and the css file? If you guys need it for reference?

Remove <style type=“text/css”> and </style> from your style.css stylesheet and the rule will parse.

Also check CSS validation for other errors.

Oh it worked.
Thanks a lot.
But suddenly the whole layout of my page has been disturbed.

That’ll be due to the aforementioned tags having previously prevented certain rules in your stylesheet from parsing. To find out which rules were previously being parsed you could put the tags back, validate and view the Valid CSS Information shown beneath the list of errors, then remove the rules that aren’t listed (other than the body rule).

It’s a good idea to keep checking validation of CSS and HTML during development.

Unless you’ve a special reason for using @ imp[URL=“http://www.sitepoint.com/forums/member.php?u=27070”]ort, I suggest including the stylesheet with a link e.g.

<link rel="stylesheet" type="text/css" href="style.css" />

Okay. Thanks so much :slight_smile: