[SOLVED !!!]Problem with sidebar pushed underneath content

[elina]

Hi guys,

I'm making a site using the 1.5.3 version of CMSMS. I have successfully installed the 0.2.1 version of ShopMS and 0.2.2 CartMS. Everything is working as it should be.

However, there's one problem when i am about to confirm the order my 'content' takes over and pushes the sidebar underneath it. This happens only on the confirmation page.

Here is some code.



{title}
{content}






{search lang="da_DK"}


{cms_module module='CartMadeSimple' template='tinybox' }
{cms_module module='ShopMadeSimple' lang="da_DK"}





I suppose the problems is in fe_orderconfirm , but am not sure. And I don't really know what to do.

Code: Select all

{* Confirmation of the order *}
{$startform}
{$welcometitle}<br/>
{if $message}
   <br/>{$message}<br/>
{/if}
<br/>
<div>{$shipto_label}<br/>
{$shiptoname}
{$shiptostreet}
{$shiptocity}
{$shiptostate}
{$shiptozip}
{$shiptocountry}
</div>
<br/>
<div class="totalnetweight">
   {$label_total_weight}
</div>
<br/>
<div class="productlist">
<table>
   <thead>
      <tr>
         <th>{$productqtytext}</th>
         <th>{$productnametext}</th>
         <th>{$productpricetext}</th>
         <th>{$lineamounttext}</th>
      </tr>
   </thead>
   <tbody>
      {foreach from=$products item=entry}
         <tr >
            <td class="productqty">{$entry->myqty}</td>
            <td class="productname">{$entry->name}</td>
            <td class="productprice">{$entry->price}</td>
            <td class="productamount">{$entry->lineamount}</td>
         </tr>
      {/foreach}
      <tr >
         <td > </td>
         <td class="admincostname"><br>{$label_admin_amount}</td>
         <td > </td>
         <td class="productamount"><br>{$admin_amount}</td>
      </tr>
      {if $totalvat0amount}
      <tr >
         <td > </td>
         <td class="vatname"><br>{$label_vat0_amount} %</td>
         <td > </td>
         <td class="productamount"><br>{$totalvat0amount}</td>
      </tr>
      {/if}
      {if $totalvat1amount}
      <tr >
         <td > </td>
         <td class="vatname"><br>{$label_vat1_amount} %</td>
         <td > </td>
         <td class="productamount"><br>{$totalvat1amount}</td>
      </tr>
      {/if}
      {if $totalvat2amount}
      <tr >
         <td > </td>
         <td class="vatname"><br>{$label_vat2_amount} %</td>
         <td > </td>
         <td class="productamount"><br>{$totalvat2amount}</td>
      </tr>
      {/if}
      {if $totalvat3amount}
      <tr >
         <td > </td>
         <td class="vatname"><br>{$label_vat3_amount} %</td>
         <td > </td>
         <td class="productamount"><br>{$totalvat3amount}</td>
      </tr>
      {/if}
      {if $totalvat4amount}
      <tr >
         <td > </td>
         <td class="vatname"><br>{$label_vat4_amount} %</td>
         <td > </td>
         <td class="productamount"><br>{$totalvat4amount}</td>
      </tr>
      {/if}
      {if $deliveryprice <> 0}
      <tr >
         <td > </td>
         <td ><br>{$deliveryvia}</td>
         <td > </td>
         <td class="productamount"><br>{$deliveryprice}</td>
      </tr>
      {/if}
      <tr >
         <td class="productqty"><br> </td>
         <td class="productname">{$label_total_amount}</td>
         <td class="productprice"> </td>
         <td class="productamount">{$total_amount}</td>
      </tr>
   </tbody>
</table>
{if $deliveryprice == 0}
   <div>{$deliveryvia_label}{$deliveryvia}</div>
   <br/>
{/if}
<div>{$paymentvia_label}{$paymentvia}</div>
<br/>
{$hidden}{$confirm}{$cancel}<br/>
{$endform}

Has anybody experience the same and know how to solve this problem out?

Thanks!

[uniqu3]

Did you check the CSS for your Order Template?
Maybe there is a width defined somewhere that is wider then your #main.
Do you have a live example?

[elina]

Yes, I have checked and the CSS, but it seems to be fine.

You can see the site her http://www.2kemon.com/index.php?page=vinlande , you will have to pick a product from 'Argentina' and go as far as confirming an order. Pls let me know if you have any ideas what to do.

--
Elina

[uniqu3]

Hi,

at first look you have an issue with .productlist {width:600px;}, your site has 725px - 210px for sidebar.
So far i have seen this problem only in IE6 in the "Product listing" in the "Cart".

Find these lines in your CSS, i would change it to 100% or 90%, whatever you prefer

Code: Select all

.productdesc
{
  vertical-align: top;
  width: 600px;
}

div.productlist
{
  width: 600px;
}

Edit: add to your #content-wrap {margin: 40px auto 0;} you have an issue in IE6, content is positioned to the right, but i belive you want it centered.

By the way nice Design, i like it its clean and displays exactly what is being presented.

Another Edit: you have a missing in the "confirm" page

Code: Select all

<div class="productlist"> <--! Here is <div> Starting !-->
<table>
   <thead>
      <tr>
         <th>Antal</th>
         <th>Produkt</th>

         <th>Pris</th>
         <th>I alt</th>
      </tr>
   </thead>
   <tbody>
               <tr >
            <td class="productqty"></td>
            <td class="productname">Barrancas Chardonnay 2007</td>

            <td class="productprice">59,00</td>
            <td class="productamount">59,00</td>
         </tr>
            <tr >
         <td > </td>
         <td class="admincostname"><br></td>
         <td > </td>
         <td class="productamount"><br></td>

      </tr>
                                          <tr >
         <td class="productqty"><br> </td>
         <td class="productname">Total</td>
         <td class="productprice"> </td>
         <td class="productamount">DKK 59,00</td>
      </tr>
   </tbody>

</table>
   <div>Delivery via: Jeg afhenter det selv.<br>Vi sender en email om afhentnig.</div>
   <br/>
<div>Betaling via: Betaling sker manuelt.<br> Vi sender en email om betaling.</div>
<br/>
<input type="hidden" name="cntnt01order_id" value="23" />
<input name="cntnt01confirm" id="cntnt01confirm" value="Bekraft" type="submit" />
<input name="cntnt01cancel" id="cntnt01cancel" value="Annuller" type="submit" />

<br/>
</form>
<--! AND HERE IS NO ENDING DIV !-->

[elina]

Hi uniqu3,

Glad you like it.

I did what you wrote, but that doesn't affect the confirmation page.
--
Elina

[uniqu3]

I didnt come so far, i edit my post with the solution or problem located.

If the code above in your post is complete then i belive you can simply add a closing after {$endform}

[elina]

YES !!!
Such a stupid mistake! Sometimes it's really best others to look at it.

It works now. Thank you so much. I've been looking at the code and not seeing anything for quite some time now.
Thanks again
--
Elina