HTML Help

NOMANH · Joined: 21 Jul 2009 Posts: 5

Hi I'm trying to create a website and am completely new to HTML, I started this week.

The problem is that I have a repeating background along the x-axis which shows perfectly fine on Firefox but on Internet Explorer (I have version 8.) there is about 10-12 pixels of white space between the right side of the window meaning between the banner and the scroll bar.

Here is my CSS for the background image:

Code:
#sec1
{
margin:0 auto;
padding:0;
border:0;
background-image: url(header_one.png);
background-position: top center;
position: absolute;
top:0px;
left:0px;
background-repeat: repeat-x;
background-attachment: fixed;
height: 100%;
width: 100%;
}

And here is my code in the body section,
Code:
<BODY>
<div id="sec1">
</div>
</BODY>

sticks464 · Joined: 31 Dec 2006 Posts: 2311

By default web browsers have margins and padding built in which is different for each browser. For elements to display correctly these defaults must be removed. Add the reset styles from Eric Meyer to your css and see if that doesn't fix the problem.