Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ Markup (HTML, XHTML, XML) _ My margins disappear!

Posted by: Abdurrahman Sep 30 2006, 07:44 AM

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!

Posted by: pandy Sep 30 2006, 07:50 AM

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.

Posted by: Abdurrahman Sep 30 2006, 08:23 AM

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

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

Posted by: Sparkyg Sep 30 2006, 09:19 AM

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

Posted by: Abdurrahman Sep 30 2006, 12:34 PM

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

Posted by: Sparkyg Sep 30 2006, 01:11 PM

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