This topic is locked

How to get rid of the top and left margin ?

1/12/2016 7:24:59 AM
PHPRunner General questions
B
bakersalah author

Hello,
I am trying to make nice looking PHPRunner project by adding a header and footer but, still I can not get rid of the top and left margins ..

I will attach a clip from my project screen to know what I mean.


id used the following bodycss.css



html,

body {

margin:0;

padding:0;

height:100%;

}

#container {

min-height:100%;

position:relative;

padding:0;

margin:0;
}

#header {

background:#fff;

padding:0px;

}

#body {

padding:0px;

padding-bottom:100px; /* Height of the footer */

}

#footer {

position:absolute;

bottom:0;

padding:0;

margin:0;

width:100%;
height:100px; /* Height of the footer */

background:#16589C;

}


also footer.css



html,

body {

margin:0;

padding:0;

height:100%;

}

#container {

min-height:100%;

position:relative;

padding:0;

margin:0;
}

#header {

background:#16589C;

padding:0px;

}

#body {

padding:0px;

padding-bottom:100px; /* Height of the footer */

}

#footer {

position:absolute;

bottom:0;

width:100%;
height:100px; /* Height of the footer */

background:#16589C;

}


and add the following to Editor\header



<link REL="stylesheet" href="customcss/bodycss.css" type="text/css">

<link REL="stylesheet" href="customcss/footer.css" type="text/css">
<div id="container">

<div id="header">

<table border="0" align="center" >

<tr>

<td align="center" valign="middle" width="100%">

<font size='1' color="#C0C0C0" >

<p>&nbsp;</p>

<p>header xxx xxxxx xxxx</p>

<p>Design and programming by xxxx@yahoo.com, all rights reserved © 2009 - <script type="text/javascript">document.write(new Date().getFullYear());</script> </p>

</font>
</td>

</tr>

</table>

</div>
<div id="body">
<table width="940" border="0" align="center" cellpadding="5">

<tr>

<td>


and add to the Editor/Footer


</td>

</tr>

</table>
</div>
<div id="footer">
<table border="0" align="center" >

<tr>

<td align="center" valign="middle" width="100%">

<font size='1' color="#C0C0C0" >

<p>&nbsp;</p>

<p>footer xxx xxxxx xxxx</p>

<p>Design and programming by xxxx@yahoo.com, all rights reserved © 2009 - <script type="text/javascript">document.write(new Date().getFullYear());</script> </p>

</font>

</td>

</tr>

</table>

</div>
</div>


but did not work <img src='https://asprunner.com/forums/file.php?topicimage=1&fieldname=question&id=23578&image=2&table=forumtopics' class='bbc_emoticon' alt=':(' />
I use PHPRunner 8.1 Enterprise latest build.

Any Ideas ?
Thanks

J
John 2/17/2016

try negative values in selector...
for example...
body {

margin: 0;

margin-left:-9px;

}