ansaurus

Question

Answer 1

A:

I wholeheartedly suggest that you use firefox and install firebug: http://getfirebug.com/

It has this cool feature that lets you inspect a dom element, and it will tell you all styles, and what stylesheet they originate from. So if the body is inheriting some errant padding (or something), you will be able to see visually what's going on :-)

Joel Martinez 2009-07-22 17:51:14

Answer 2

+3 A:

set the margins of your body tag

The in-line way

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

In your style.css (or whatever)

body {
  margin: 0px 0px 0px 0px;
}

Robert Greiner 2009-07-22 17:52:35

+1 short mode and padding:body { margin: 0; padding: 0 }

gmunkhbaatarmn 2010-04-06 15:49:58

I have body { margin: 0; padding: 0 } but it didn't help. The header is much smaller than content...

DashaLuna 2010-06-18 15:31:08

Answer 3

A:

What robbotic suggested is called css reset and you can read about it e.g. here: http://perishablepress.com/press/2007/10/23/a-killer-collection-of-global-css-reset-styles/

2009-07-22 18:26:56

Answer 4

A:

easier way is to create an inner div and set it to the same width as the page goes just before the scrollbar appears example

</div> </div>

.inner{ width:990px; background:#f00; margin:0 auto; }

2009-07-23 10:50:26

Answer 5

A:

It looks like the issue is down to the three images in the body table. When you reduces the browser width it causes the three image so bunch up, being in individual table cells they can not wrap resulting in a fixed width.

You could try to fudge the solution by using a repeating background image for the header, but I would re-write the table structure with a floating approach.

Andrew Mason 2009-07-23 10:59:34

ansaurus

tags:

views:

answers:

100% width header doesn't fill browser

related questions