You are probably finding there are default margins around elements in
your document you aren't aware of.
<body> often gains margins as do other block level elements.
Two tests you can do:
Kill all margins, paddings and borders
* {margin:0; padding:0; border:0;}
OR add a tiny border to everything and see where your problem lies.
You will probably find Container is set away from the left egde due
to the margin on the <body> tag
* {border: 1px solid red;}
See if that gets it solved.
Ohh on the other note (though I think you already know it) the screen
800 px wide has 20 pixels used for the vertical scroll bar so 780 is
the size you will be aiming for.
WEZ!
>If you set your screen resolution to 800x600 and
>run a test on the CSS and code below, you'll
>quickly discover Firefox and IE have scaling issues
>aside from font size.
>
>The image GIF (245x216) looks remarkably larger in IE6
>than it does in Firefox 2.0.0.6.
>
>Can anyone explain this, or does anyone have a fix for
>this?
>
>I accidentally stumbled upon this issue while trying to
>record the screen. Even with the width set to 770px IE
>produces a horizontal scroll bar. What gives?
>
>Here's the CSS and the code, below:
>
>CSS
>#container {
>width: 770px;
>border: 3px solid red;
>margin: 0 auto;
>}
>
>HTML
><div id="container">
><img src="woman.gif" />
></div>
>
>~~~~~~~~~~~~~~~
>
>~~~~~~~~~~~~~~~
>______________________________________________________________________
>css-discuss [EMAIL PROTECTED]
>http://www.css-discuss.org/mailman/listinfo/css-d
>IE7 information -- http://css-discuss.incutio.com/?page=IE7
>List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
