My margins disappear! Options

[Abdurrahman]

Hey everyone I'm new to HTML and webdesigning stuff and I faced a problem on a host server. I made a website using FrontPage, and I set top and left page margins in the Page Properties box. When I viewed the local website on IE, it was as it should be, the margins were in place. But when I viewed the website on a server, the margins disappeared, and the page was stuck to the edge of the screen. What's the problem?
Thanks!

This post has been edited by Abdurrahman: Sep 30 2006, 07:45 AM

[pandy]

No idea what wizards to use in FP and how. But if you post the URL to your page, we can probably tell you what's wrong with the HTML and how you should do it instead. By hand, that is.

[Abdurrahman]

Here is the site:
http://rlsonline.go2net.ws/

The shared borders shouldn't be stuck to the edge of the screen.

[Sparkyg]

Hi There

Is you view the source there is some javascript at the bottom of the code, google analytics code plus some other tracking code, which I assume is being parsed in by the web host.

Cheers

Len

[Abdurrahman]

Oh I see. So isn't there any workaround for that problem?

[Sparkyg]

HI There

That script inserts a bit of code that cancels out your margins

document.write("<style>");
document.write("body {");
document.write(" border:0px;");
document.write(" margin:0px;");
document.write(" padding:0px;");
.
.
.
.

so what you need to do is put everything between your body tags into a DIV

<div id="maincontent">
Content
</div>

then apply your margins to the DIV using CSS and pop this between your head tags

<style>

#maincontent {
padding:0;
margin: 50px 120px 20px 120px;
}

</style>

the margin is set as TOP,RIGHT,BOTTOM,LEFT (50px 120px 20px 120px)


you can then remove you margins that you set in the body tag

I hope this helps


cheers

Sparky