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

[industrialpost]

Help! We have got this Category working great. But there is a glitch I can't figure out. As you know the Continue Button is hidden until a category is selected. IE 7 shows the continue button differently and messes up the placement of the footer. See enclosed image. Can someone help me fix this glitch please?

[industrialpost]

Just a side note: Having the footer called as a class is a real pain. Without really knowing why this is, I think it would have been better to have this as an ID and then call that id within the <div> instead of a <p>. I am going through the whole site and changing it to reflect this. FYI.

[Lhotch +]

The category tree button was laid out the same way as the rest of the checkout buttons so to clarify what you are saying is that this is not a category tree specific issue but that you just dont like the way the buttons are in P tags for the whole checkout.

[industrialpost]

Ok, so is anyone else seeing this bug in IE7? And Larry is right, this is happening all throughout the site for all continue buttons. I just happened to see it when I was working with the Cat Tree Mod. So does anyone know of an IE 7 fix for this? This behavior as seen in the attached image is happening through the site. But again this is only happening for IE 7 and below. Thanks!

[Lhotch +]

Originally Posted by industrialpost

Ok, so is anyone else seeing this bug in IE7? And Larry is right, this is happening all throughout the site for all continue buttons. I just happened to see it when I was working with the Cat Tree Mod. So does anyone know of an IE 7 fix for this? This behavior as seen in the attached image is happening through the site. But again this is only happening for IE 7 and below. Thanks!

As far as I know the default 68C template does not have this problem in IE or any browser so I dont think its a bug with 68C or IE (although I admittedly hate the way IE handles things). Its likely a problem with the way they you modified the template.


Also, just an FYI. Images are great to show what you are seeing, but if people can not see your site and the source to display a page there is virtually no way they can offer advice. Especially considering you are not using an unmolested version of the default template.

[industrialpost]

Understood about the image. However, up until late last night I never touched the .footer class. And this is the cause of the problem, right? I mean if it is relying on CSS for positioning and how it relates to the forms, wouldn't it be within that class?

[Lhotch +]

Originally Posted by industrialpost

Understood about the image. However, up until late last night I never touched the .footer class. And this is the cause of the problem, right? I mean if it is relying on CSS for positioning and how it relates to the forms, wouldn't it be within that class?

So up until last night you never touched the footer class but were still having issues with its alignment?

If so then I would think its not the class in and of itself but how its responding to other elements in your template.

If you switch your template to a completely untouched default template do you have a problem?

I will be the first to admit I am a coder and not a designer BUT If I look at the default template on one of my test sites, register and look at the various steps in checkout in IE I dont see any problems.

Your template is not default and to see the issue you are having people need to access the checkout on your site which means they need to register. How can anyone here offer help if they cant see or get to the pages that are causing you trouble?

If people cant see what changes you have made and their templates all work fine I am not sure how or what kind of support to your problem you are hoping to get.

If I take a picture of my car and e-mail it to a mechanic and ask them why its not starting are they going to be of much help?

[industrialpost]

Haha. Hilarious Larry. Very Funny. But you are right. I should setup a demo account.

[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.

[Lhotch +]

Okay, so exactly what is it you are looking to do? The continue button and the pagination sits in its own space between the content and the footer.