[osCmax V2.0.25] checkout_payment.php page appears incorrectly

[johnnyjo]

I'm using the BTS template system and the main part of the site is laid out as

<div id="header></div>
<div id="left"></div>
<div id="main"></div>
<div id="footer"></div>

HEADER

LEFT MAIN

FOOTER

The footer 'clears' both the 'left' and 'main' divs.

All the pages appear fine except for the checkout_payment.php page. It appears to have merged the 'footer' into the 'main' section.

Login : The SQ Club

[blackhawk]

ridexbuilder, looks like we got another one...do your thing

[ridexbuilder]

ridexbuilder, looks like we got another one...do your thing

Ah, but not so bad - at least it's compromise that's been messed with - almost acceptable.
Wonders if fallback/content/checkout_payment.tpl.php has been ffff... screwed up, though.

@johnnyjo

The footer 'clears' both the 'left' and 'main' divs.

That does seem like an appropriate thing to do!
http://wiki.oscdox.com/bts_docs

[johnnyjo]

Thanks for the reply. Can you advise on the next course of action? I suspect that the php code is generating some unclosed tags/extra tags that is causing the footer to be merged with the main {contents}.

[blackhawk]

Many of us here use Firefox and the firebug plug-in to fix css issues. I advice for you to do the same. Find what the css is doing on that page, and simply adjust the css in your stylesheet.css inside your template folder. It's one way to fix your clearing, etc..

[met00]

In addition, there is a Firefox addin called "web developer" that adds a bar of tools that I have found helps a great deal (like the "outline tables" tool which is great for finding broken tables).

[johnnyjo]

Many of us here use Firefox and the firebug plug-in to fix css issues. I advice for you to do the same. Find what the css is doing on that page, and simply adjust the css in your stylesheet.css inside your template folder. It's one way to fix your clearing, etc..

Hi blackhawk, I've rechecked the code and even though I've put Clear: Both; for the footer CSS, it probably wasn't necessary as I have wrapped the 'left' and 'main' sections around in a div:

<div id="wrap">
<div id="left>{left}</div>
<div id="main>{contents}</div>
</div>
<div id="footer">*footer code*</div>


So that doesn't quite explain why the checkout_payment.php page is causing the problem. If it is a code generated issue then I'm not sure whether CSS will be sufficient and I will probably need to edit the compromise template file for checkout_payment.php. Is this a bug with the template file?

[blackhawk]

you have to learn where to clear your floats. read up on some div and floating tutorials. but if you have a test site up, pm me the link

[johnnyjo]

you have to learn where to clear your floats. read up on some div and floating tutorials. but if you have a test site up, pm me the link

Hi blackhawk, can't seem to PM you. Anyway the site is www.thesqc.com/index.php
Thanks for your help!

[blackhawk]

Just for testing purposes, you have to clear your <div id="main">...</div> block, so put another div right under it that says something like
<div style="clear:both;">helps a bit</div>, to see what I mean. from there you can figure out what to do. Read more on how to set up floats and clearing them within div blocks. tutorials are all over the web.