V4.1.x Category Tree IE 7 Continue/Footer Error

[Mike-N-Tosh]

Originally Posted by industrialpost

Ok Larry, take a look. Industrialpost.com. The site is now back to its almost original state (right out of the box). The only thing I have made changes to is the style.css so that the background is black, the content div is white and the footer is green. Then on the layout.tpl is have commented out the Navigation side box so that we can see more clearly the interaction of the continue button/pagination with relation to the footer.

Notice how the footer is almost butted up against the content div. The footer style has a small padding px defined to it so that it is not going to be totally butted up. But if you go to Industrialpost.com, you can see what I have been talking about from the beginning.

What I see is the exact same behavior and placement of the footer in both of these examples. The main content portion of the pages are contained within tables. In the latter example, the last table in the content is the pagination which as you can clearly see is within the same exact padding/placement as in the first example. A few pixels above the footer.

Perhaps I'm missing something. What exactly is it that you are trying to change about this?

[industrialpost]

Right. However, imagine that there is a background image for the whole site where the black shows and the footer's padding is changed to butt right up against the content div. Then when you have a page that shows either a continue button or pagination, it shows a gap between the content and the footer so that the you can see the background image of the page. This is not right. The continue button or pagination should show up either in the content div or in its own div where you can define the background of that div to be white so that there is no visual gap. Does this make sense? Because I don't have our custom site enabled, please look at this attactched image to see what the background image of the page looks like.

[Lhotch]

Originally Posted by industrialpost

This is not right.

Thats the thing, IT IS RIGHT for the template its in. This is not a bug with 68C, its not a problem with 68C. Its a 68C template that looks and works fine as it is offered with the product.

You are taking the product and bending it to your will (hehe see I didnt say molest ) and once you do so its your baby.

But more to the question that both Mike and I asked. What do you want it to look like. Sitting here and complaining 68C's template isnt right because you cant mod it the way you want doesnt help anyone. Tell us what you want to accomplish and someone may be able to to help.

Worse case scenario create a template that you think IS RIGHT.

[industrialpost]

Ok. So you are telling that it is ok for it to show a gap between the content div and the footer? I don't think that is right. This is what I mean by right. 68c is assuming that all sites are going to have a white background for the content with no defined background image or color for the page itself. This is a mistake. So what I have described above is what I want the application to do. When there is an instance of a button below the content div, there should be a way to control the background color of the gap where the button drops. Since this is the default behavior of the template, to create a gap between the page content and the footer, there should be some provisions set up in the event, such in my case, that if I happen to define the page background to be a color, or if by chance there is an image defined for the background. I believe you have seen the behavior in question with our actual site Larry. Do I need to provide another static visual of our site as we want it since now that we have the default template assigned? Boy this would be way easier to handle over the phone. I am open to anyone who wants to help me, discuss this over the phone.

[Lhotch]

Originally Posted by industrialpost

Ok. So you are telling that it is ok for it to show a gap between the content div and the footer?

Yes I am because the default template looks fine as it is provided.

Originally Posted by industrialpost

I don't think that is right. This is what I mean by right. 68c is assuming that all sites are going to have a white background for the content with no defined background image or color for the page itself. This is a mistake.

I dont know what 68C is assuming but my guess is they are not assuming anything. They furnish the product with 4 different templates for you to use. What you want to do with them or what you intend to do with them is anyones guess.

As you can tell by the requests on the forum people want this script to do everything but its not practcal or possible so from a script creator point of view why try? Make a solid, generic script that people can do what they want with. If you dont know smarty, php, css or html that is not 68C's fault.

Originally Posted by industrialpost

So what I have described above is what I want the application to do.

You havent described anything above.

Originally Posted by industrialpost

When there is an instance of a button below the content div, there should be a way to control the background color of the gap where the button drops. Since this is the default behavior of the template, to create a gap between the page content and the footer, there should be some provisions set up in the event, such in my case, that if I happen to define the page background to be a color, or if by chance there is an image defined for the background.

The provisions do exist, its called CSS and html. You can create a template from the ground up to look how ever you would like.

Originally Posted by industrialpost

I believe you have seen the behavior in question with our actual site Larry. Do I need to provide another static visual of our site as we want it since now that we have the default template assigned? Boy this would be way easier to handle over the phone. I am open to anyone who wants to help me, discuss this over the phone.

No I dont need another static visual Ive seen plenty of them and I know what you are saying is wrong. I see the gap when you have a background specified. What I have not seen is you explain how you want it to look. You have an image behind your footer and you have a mainly white content area. Where above have you stated what you want behind the button???

[industrialpost]

White behind the continue button or pagination. To match the color of the content bg. And not to overlap the footer class or div. In the case of the default template as you see now at Industrialpost.com it shows black where the page numbers are. I want that gap to be just white and keep the page black. I don't know any other way to describe it. Does this make sense?

[industrialpost]

And I might add, that all the templates included in the purchase of 68C have white as their background so of course you are not going to see the dilemma that I am talking about.

[Mike-N-Tosh]

I believe that I may be starting to understand what you are saying although I don't think you are understanding what Larry is saying.

Regardless, I think that you're issue may be easily corrected by simply addressing the data cell that holds everything in the content area which comes BEFORE the content div and ends AFTER it.

Try this in your layout.tpl file around line 189:

<td valign="top" background="#FFFFFF">

I would also advise (and I already suggested this to 68 and it will be included in the next release) that you change the doctype to XHTML transitional so the above will validate.

Change this at the very top:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

To this:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

[industrialpost]

Thanks Mike! Ok so no go on that change. All it does is layer a white box over the search field in IE 7. It drops the white behind the search field in IE8. Any other ideas? I am looking at Industrialpost.com

[industrialpost]

AH!!! It feels great to know that you can figure something out that no one else really helps you with. But I couldn't have done it with out seymourjames' help!!!! You the man!!! Even though you really didn't do much to help me directly. SO HERE IS THE SOLUTION TO MY QUESTION & ROUND AND ROUND TANGO WITH LARRY :

In the style.css insert this little bit if code:

.btm {
background: #fff;
height: 10px;
margin: 0;
clear: both;
}

Make sure to keep it as a class, but you can rename "btm" to whatever you want.

Next insert this line "<div class="btm"></div>" into this section of code located in the layout.tpl file:

<div id="pagecontent">
<div id="content">
<!-- // Content // -->
{* This includes the content portion *}
{include file=$body}
<!-- // End Content // -->
<div class="btm"></div>
</div>

Notice where it is at. It is just before the end tag of the <div id="content"> tag.

And that is it!!!! Now if you happen to have a custom footer and a custom page background, anytime anyone of your pages auto populates a "continue" button based on your actions or if you happen to be looking at a list of ads and have the pagination show up at the bottom of the page, you will not see a gap in between the content and the footer.

Happy Coding!!!!