Right Column on Checkout page not positioned correctly

[Signalman]

Hi.

 

I thought I got everything sorted and then I noticed that the right column on the checkout page (http://shop.martelldesigns.co.uk/order) does not display correctly. It is fine on all of the other pages and I do not think that I have done anything to edit anything specific to this page.

 

Can anyone help with why the right column is down the bottom and squashing the footer.

 

Two attachments are the correct front page and the incorrect checkout page.

 

Peter

 

Edited April 14, 2014 by Signalman (see edit history)

[vekia]

there is not enough space to display right column.

if i were you i will check styles for center column.

it looks like width of this column is a bit too big.

if so, change it in css styles file, i bet on my-account.css file

[Signalman]

there is not enough space to display right column.

if i were you i will check styles for center column.

it looks like width of this column is a bit too big.

if so, change it in css styles file, i bet on my-account.css file

 

 

<div id="center_column" class="grid_7 alpha"> is 757px on front page and 757px on checkout page.

 

The bit with the continue shopping and next buttons is the only bit that spreads out, but that does not have a width attribute so it just goes as far as it can.

 

I cannot see which width to alter for the centre.

[dioniz]

It looks like one of the paragraph is closed with </div> instead of </p> in your carrier form:

<form class="std" id="compare_shipping_form" method="post" action="#" >
	<fieldset id="compare_shipping">
		<h3>Estimate the cost of shipping.</h3>
		<p>
			<label for="id_country">Country</label>
			<select name="id_country" id="id_country">
									<option value="17" selected="selected">United Kingdom</option>
							</select>
		</p>
		<p id="states" style="display: none;">
			<label for="id_state">State</label>
			<select name="id_state" id="id_state">
				<option></option>
			</select>
		</p>
		<p>
		</div>
		<div id="availableCarriers" style="display: none;">
			<table cellspacing="0" cellpadding="0" id="availableCarriers_table" class="std">
				<thead>
					<tr>
						<th class="carrier_action first_item"></th>
						<th class="carrier_name item">Carrier</th>
						<th class="carrier_infos item">Information</th>
						<th class="carrier_price last_item">Price</th>
					</tr>
				</thead>
				<tbody id="carriers_list">
					
				</tbody>
			</table>
		</div>
		<p class="warning center" id="noCarrier" style="display: none;">No delivery option has been made available for this selection.</p>
		<p class="SE_SubmitRefreshCard">
			<input class="exclusive_large" id="carriercompare_submit" type="button" name="carriercompare_submit" value="Update basket"/>
			<input id="update_carriers_list" type="button" class="exclusive_large" value="Estimate Shipping Cost" />
		</p>
	</fieldset>
</form>

[Signalman]

Thanks a lot for your help, that's fixed it. I had commented something out but got the comment the wrong side of one of the tags.

[dioniz]

You are welcome

[banditbirds]

This helped me with a similar problem! Had an extra </div> at the end of my page! Thanks guys