Global footer problem

[username]

Hello.
I am having a little problem with my footer. I just want a violet(?) bar on the very bottom of my page. Preferrably just a color inside a table cell with the height manually entered (for faster loading time). Right now I got it to work but the problem is, there is a 2-3 pixel gap between the body of my page and the actual bottom bar. Pasted below is my Global Header & Footer code and the link to the site:

Header:
<table align="center" width="760">
<tr>
<td align="center" valign="middle">
<img src="graphics/site_gui/topbanner.gif">

Footer:
<table align="center" width="760">
<tr>
<td height="10" width="760" bgcolor="#00283E"></td>
</tr>
</table>

Link to site:
http://evergreensalesusa.com/mm5/merchant.mvc?Screen=SFNT&Store_Code=01

Thanks.

[username]

I also would like my catree background color to be flush with the top green bar and the violet bar on the bottom.

Thanks

[Pete McNamara]

Change this:

<table align="center" width="760">
<tr>
<td align="center" valign="middle"><img src="topbanne.gif">
<table border="0" cellpadding="0" cellspacing="0" width="100%" background="graphics/site_gui/bodybg.gif">

to this:

<table align="center" width="760">
<tr>
<td align="center" valign="middle"><img src="topbanne.gif"></td>
</tr>
<tr>
<td align="center" valign="middle"><table border="0" cellpadding="0" cellspacing="0" width="100%" background="graphics/site_gui/bodybg.gif">

and this:

<blockquote> </blockquote></td>
</tr>
<tr>
<td align="left" valign="bottom"></td>
</tr>
</table>
<table align="center" width="760">
<tr>
<td height="10" width="760" bgcolor="#00283E"></td>
</tr>
</table>

to this:

<blockquote> </blockquote></td>
</tr>
<tr>
<td colspan="2" height="1" bgcolor="#FFFFFF"></td>
</tr>
<tr>
<td colspan="2" height="10" width="760" bgcolor="#00283E"></td>
</tr>
</table>

[username]

Hey Pete.
Thank you for the quick rescue.
Should I look for those in my Global Header & Footers?

Coz the second one that you mentioned, I cant find it there. The first one that you mentioned I assume should be my Global Header right?

Thanks.

[username]

Ok just saw where the second was but only when I "viewed source" the actual page on my browser. Dont know which template to open to access that.

[username]

I think I can see what is going on now. Will report back in awhile

[username]

Nothing is working my man

[Pete McNamara]

That would probably be because your code at the foot is this:

<blockquote> </blockquote></td>
</tr>
<tr>
<td align="left" valign="bottom"></td>
</tr>
</table>
<tr>
<td height="10" width="760" bgcolor="#00283E"></td>
</tr>
</table>

Check that against my suggested code.

And because your code at the top is this:

<table align="center" width="760">
<tr>
<td align="center" valign="middle"><img src="topbanne.gif">
<table border="0" cellpadding="0" cellspacing="0" width="100%" background="graphics/site_gui/bodybg.gif">

Check that against my suggested code.

[username]

Here is what I did. I just gave the Global Header and Footer its own table

Global Header:
<table align="center" width="760">
<tr>
<td align="center" valign="middle">
<img src="graphics/site_gui/topbanner.gif">
</tr>
</table>

Global Footer:
<table align="center" width="760">
<tr>
<td>
<img src="graphics/site_gui/bottombar.gif">
</td>
</table>

Then I just had my storefront template have its own valign="center" and width="760"

The "gap" is a smaller in Firefox and a whole lot bigger in IE. I hate cross platform BS. Cant wait to see the destruction on Netscape.

[Pete McNamara]

Don't do that. Please implement my code. Then when you have your gap problems solved, you can change the colours etc. I deliberately placed all your code inside your first table to help eliminate the gap problem.

The problem is that Microsoft didn't follow the W3 standards for IE5-6. If your page displays the way you want in Firefox, then your code is OK. If it doesn't then your code is probably wrong, whether or not it displays correctly in IE.

IE7 will be out soon and it does follow W3 standards.

[username]

Ok I wont do that then. Just changed it back to where I was.

Let me just clarify something. I understand your recommendation for the global header but I have a problem with the footer. I cannot find some items (especially on my footer code). Pasted below is my footer code:

<tr>
<td height="10" width="760" bgcolor="#00283E"></td>
</tr>
</table>

I dont have the <blockquotes> you are talking about.

[username]

See images below

[username]

Let me show an image of the current site with the problem areas pointed out:

http://www.evergreensalesusa.com/lines.gif

And what my current Global Header and Footer code

http://www.evergreensalesusa.com/globalhf.gif

[Pete McNamara]

I dont have the <blockquotes> you are talking about.

Well, that is the source code which displays for this page, which is the one in your first post:
http://evergreensalesusa.com/mm5/merchant.mvc?Screen=SFNT&Store_Code=01

When problem solving like this, you need to either turn on table borders and use different colored borders for each table or (which I think is better under the current circumstances), insert some words in every "slot" which is available to the Storefront page e.g.

glbl header starts here, glbl header starts here, content starts here, content ends here, storefront message goes here etc. etc.

Then, you'll be able to track down where code starts and finishes.

Be that as it may, the blockquotes surround your currently non existent content on that page. Here is the source code from that page:

<!-- EO Cattree -->
</td></tr>
</table>
</td><td align="left" valign="top" width="80%">
<br>
<blockquote>
</blockquote>
</td></tr>
<tr><td align="left" valign="bottom"> </td></tr>
</table>
<tr> <td height="10" width="760" bgcolor="#00283E"></td>
</tr>
</table>
</body>
</html>

And, as you can see, the part after the blockquotes is not the same as what I suggested, viz:

<blockquote> </blockquote></td>
</tr>
<tr>
<td colspan="2" height="1" bgcolor="#FFFFFF"></td>
</tr>
<tr>
<td colspan="2" height="10" width="760" bgcolor="#00283E"></td>
</tr>
</table>

[Pete McNamara]

Just to drive home the point a little further, do you see this code, or something similar, in your SFNT page template code?

<td align="left" valign="top" width="80%">
<br>
<blockquote><mvt:item name="mmui_messages" param="welcome" /></blockquote>
</td></tr>

That's where the blockquotes come from.

[username]

Hey Pete.
Thanks for all the help but I just went ahead and coded Miva myself and just placed the miva items on areas I want them. That way I have full control and know what the heck is going on with my code. Thanks again!