Forums / General Questions / Border around whole page

Border around whole page

Locked

Views: 2,331

Results 1 to 8 of 8
This thread is locked. New replies are disabled.
17 Jun 2008, 7:42 PM
#1
fusionsp avatar

fusionsp

Zen Follower

Join Date:
Jun 2008
Posts:
204
Plugin Contributions:
0

Border around whole page

how do i remove the small white border around my whole site?

is it a padding that needs to be set? or is it a margin that needs decreased?

http://www.fusionspiritualemporium.com
Contrib: Events Calender v1.02 update

17 Jun 2008, 7:59 PM
#2
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Border around whole page

Before addressing that, you have a coding error that may mess up other things.

You open two tables for header layout, but you only close one of them, so the entire page is contained in #headerLogo.
From View Source:```html

<!--<div id="headerBackground">--> <table> <tr> <td id="headerLogo"> <!--bof-branding display--> <table width="100%" cellpadding="0" cellspacing="0" align="center"> </td>
  <td id="headerBackground">
<td align="center" bgcolor="1d5685"><img src="../../../../images/bg_header.gif" ></td> <!--eof-branding display--> <!--</div>-->
  </td>
</tr>
</table> <!--bof-navigation display--> <div id="navMainWrapper"> <div id="navMain"> <div id="navExtraWrapper"> </div> <p align="center"><img src="../../../../images/tagline.gif" /></p>
<ul>
<li><a href="http://www.fusionspiritualemporium.com//">Home</a> :: 
<a href="https://secure.hostmonster.com/~fusionsp//index.php?main_page=login&zenid=24aaba0bc7693ef0e55c0c79330ff35d">Log In</a>
<!--bof-header ezpage links-->

 ::  <a href="http://www.fusionspiritualemporium.com//index.php?main_page=page&id=5&chapter=1&zenid=24aaba0bc7693ef0e55c0c79330ff35d">Education</a> :: 

<a href="http://www.fusionspiritualemporium.com//index.php?main_page=page&id=15&zenid=24aaba0bc7693ef0e55c0c79330ff35d">EVENTS</a> :: 
<a href="http://www.fusionspiritualemporium.com//index.php?main_page=privacy&zenid=24aaba0bc7693ef0e55c0c79330ff35d">Privacy Notice</a>

<!--eof-header ezpage links--> </li> </ul> <!--eof-navigation display--> </div></div> </div><!--eof-header logo and navigation display--> <!--bof-optional categories tabs navigation display--> <!--eof-optional categories tabs navigation display--> <table width="100%" border="2" cellspacing="0" cellpadding="0" id="contentMainWrapper"> <tr> ```You don't need tables at all to make your layout; divs and the stylesheet will do anything you want done.
17 Jun 2008, 8:56 PM
#3
fusionsp avatar

fusionsp

Zen Follower

Join Date:
Jun 2008
Posts:
204
Plugin Contributions:
0

Re: Border around whole page

gjh42:

Before addressing that, you have a coding error that may mess up other things.

You open two tables for header layout, but you only close one of them, so the entire page is contained in #headerLogo.
From View Source:```html

<!--<div id="headerBackground">--> <table> <tr> <td id="headerLogo"> <!--bof-branding display--> <table width="100%" cellpadding="0" cellspacing="0" align="center"> </td>
  <td id="headerBackground">
<td align="center" bgcolor="1d5685"><img src="../../../../images/bg_header.gif" ></td> <!--eof-branding display--> <!--</div>-->
  </td>
</tr>
</table> <!--bof-navigation display--> <div id="navMainWrapper"> <div id="navMain"> <div id="navExtraWrapper"> </div> <p align="center"><img src="../../../../images/tagline.gif" /></p>
<ul>
<li><a href="http://www.fusionspiritualemporium.com//">Home</a> :: 
<a href="https://secure.hostmonster.com/~fusionsp//index.php?main_page=login&zenid=24aaba0bc7693ef0e55c0c79330ff35d">Log In</a>
<!--bof-header ezpage links-->

 ::  <a href="http://www.fusionspiritualemporium.com//index.php?main_page=page&id=5&chapter=1&zenid=24aaba0bc7693ef0e55c0c79330ff35d">Education</a> :: 

<a href="http://www.fusionspiritualemporium.com//index.php?main_page=page&id=15&zenid=24aaba0bc7693ef0e55c0c79330ff35d">EVENTS</a> :: 
<a href="http://www.fusionspiritualemporium.com//index.php?main_page=privacy&zenid=24aaba0bc7693ef0e55c0c79330ff35d">Privacy Notice</a>

<!--eof-header ezpage links--> </li> </ul> <!--eof-navigation display--> </div></div> </div><!--eof-header logo and navigation display--> <!--bof-optional categories tabs navigation display--> <!--eof-optional categories tabs navigation display--> <table width="100%" border="2" cellspacing="0" cellpadding="0" id="contentMainWrapper"> <tr> ```You don't need tables at all to make your layout; divs and the stylesheet will do anything you want done.

yeah i know. i am using silverfish. in the newest version, they added tables. so anywho, i think i fixed that problem?

http://www.fusionspiritualemporium.com
Contrib: Events Calender v1.02 update

17 Jun 2008, 9:14 PM
#5
fusionsp avatar

fusionsp

Zen Follower

Join Date:
Jun 2008
Posts:
204
Plugin Contributions:
0

Re: Border around whole page

gjh42:

I'm still seeing #headerLogo enclosing the whole page, after clearing cache and refreshing.

ok. so this is still new to me. im learning, just not fast enough. where is it open, or which line? I noticed that some of my pages are not displaying the correct size. would this do that?

http://www.fusionspiritualemporium.com
Contrib: Events Calender v1.02 update

17 Jun 2008, 9:55 PM
#7
fusionsp avatar

fusionsp

Zen Follower

Join Date:
Jun 2008
Posts:
204
Plugin Contributions:
0

Re: Border around whole page

gjh42:

I can't tell you which line it will be, but the problem is in tpl_header.php. Look for <table> and </table> tags.

ok. it should be down to one table now.?

now i am having a error show up randomly? i dont know when this happened, but the pages are all acting funny

http://www.fusionspiritualemporium.com
Contrib: Events Calender v1.02 update

18 Jun 2008, 12:00 AM
#8
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Border around whole page

You seem to have eliminated the #headerWrapper div... there is only an unnamed table sitting above #navMainWrapper, and #mainWrapper ends at the bottom of the header. The </div> from the #headerWrapper div is still there and acting when it shouldn't.