How to remove and set margins for HTML documents and elements.

Remove margins in HTML.

Page Margin settings. Something that on the surface seems very simple, yet unless you know how to correct it, it can be a bit of a mystery.

I've seen it asked many times, so this quick tutorial will demonstrate how to remove those page margins.

So, simply place the following into your page. (HTML 4.0)

<body leftmargin="0px" topmargin="0px" marginwidth="0px" marginheight="0px">

This eliminates the borders on your page, within the body element, so if you insert a table or an image, it will wrap to the edge of the screen with no gap between.

This can also be set for other elements, such as tables or paragraphs, using the following code:

Individual margins can also be manipulated, e.g.

The second way to do this is to set margin: 0px;in your stylesheet or inline style declarations for the BODY selector

Example of setting 0px margins for the body element:
Before
Sorry, your browser doesnt support iframes

After
Sorry, your browser doesnt support iframes

So, now you have control of your page margins!

Go to: Home | Client-side tutorial links

Remember, if you get stuck or need to ask any questions, register with the forums and tell us about it!

Partners

Advertise here!

Ads

Reseller Web Hosting