[wolverinejoe80]

i'm trying to make a white border like this. long never ending white strip.


in firefox, there is a gap on the left side of the page


in explorer, there is a gap on both sides



how do i fix this? i want the white border to stay always in the middle with no gaps regardless of the screensize.

here is my code

.pageborder {
background-color:#FFF;
width:100%;
height:520px;
position:absolute;
top: 104px;
bottom: 104px;
}


what am i doing wrong? and why explorer and firefox look different even though it's a same code?

please help me

thanks
joe

[wolverinejoe80]

.pageborder {
background-color:#FFF;
width:100%;
height:520px;
position:absolute;
top: 105px;
bottom: 104px;
left: -1px;

and when i did this, it looks fine in firefox, but in explorer there is a gap on right side.

[datahound]

*{
padding:0px;
margin:0px;
}

FF and IE revert to default if no padding or margin defined. (in different ways!)
Code above clears all, you then have blank canvas.
If it works thank gray.

[stickmus]

What are you doing right?

Setting top and bottom on absolute positioning, will just ignore the first.
Div's (and block elements in general) are automatically 100% width.
No real need for the div, you can set those margins on the body/html.

[wolverinejoe80]

great! thanks!!

[wolverinejoe80]

ok guys, i'm dumb and i can't figure it out.

can somebody write me the code? please?

[Dusteh]

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