ansaurus

Question

Unwanted space producing at each side in browser for wrapper. Why?

Answer 1

+1 A:

* {
  margin: 0;
  padding: 0;
}

hsz 2009-12-30 15:48:21

This will cause you more problems down the road! You'll have to completely re-style your paragraphs, form elements, etc.

Jonathan Sampson 2009-12-30 15:51:22

why this cause problem sampson?

Rajasekar 2009-12-30 15:53:02

If you work with it from the beggining - it will not. It is good way to have every tag in controll I think.

hsz 2009-12-30 15:53:30

oh so i should include this in body. right??

Rajasekar 2009-12-30 15:53:43

On the top of CSS file.

hsz 2009-12-30 15:54:37

It isn't a problem as long as you know you have to do it. However it really is sort of a scorched earth policy to css and page development.

wlashell 2009-12-30 15:55:23

Answer 2

+1 A:

Reset the margin/padding of HTML/BODY to eliminate this issue.

html, body { margin:0; padding:0; }

As a more thorough solution to these types of problems, I would suggest using a Reset style-sheet in every project.

Jonathan Sampson 2009-12-30 15:49:02

Answer 3

+2 A:

I assume you're not using a reset style sheet... the body tag usually defaults to having a margin. you should be able to fix your problem by adding the rule:

html, body { 
  margin: 0;
  padding: 0;
}

jennyfofenny 2009-12-30 15:50:01

Answer 4

+1 A:

In addition to the other answers regarding default padding & margin given by the various browsers, the easy way to start to determine which element has what layout and attributes is to use Firebug.

http://getfirebug.com/

It has made web development so much easier to do for me, and many others.

wlashell 2009-12-30 15:53:18

ansaurus

tags:

views:

answers:

Unwanted space producing at each side in browser for wrapper. Why?

related questions