Layout problem with forms

**Natural Tone** · 6 Feb 2009, 01:21 AM

Hi im having a problem at the bottom of my form pages with buttons being outside of the .centercolumn div.

I have a margin of 10px which should mean a 10px gap between the .centercolumn and the footer.

There is no padding at the bottom of this element.

With the Mozilla Web Developer tool bar. It shows the border in the correct placement but the background colour and the border colour are not.

Anyone got any ideas?

http://adelaidehillswinecellar.com.a...age=contact_us

Check the link to see what i mean.

(Same problem in IE 7)

**Kim** · 6 Feb 2009, 01:35 AM

You can add a below the row with the buttons in your templates.

**Natural Tone** · 6 Feb 2009, 01:44 AM

Originally Posted by Kim

You can add a below the row with the buttons in your templates.

No quite sure what you mean by templates? This is happening pretty much on any page with a form.

**Natural Tone** · 6 Feb 2009, 02:38 AM

Hi im having a problem at the bottom of my form pages with buttons being outside of the .centercolumn div.

I have a margin of 10px which should mean a 10px gap between the .centercolumn and the footer.

There is no padding at the bottom of this element.

With the Mozilla Web Developer tool bar. It shows the border in the correct placement but the background colour and the border colour are not.

Anyone got any ideas?

http://adelaidehillswinecellar.com.a...age=contact_us

Check the link to see what i mean.

(Same problem in IE 7)

This problem occurs on pretty much all form pages

**dbltoe** · 6 Feb 2009, 02:50 AM

You've got a whole new page inside the page and that's driving html crazy.

<!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">
<head>
<title>shipping info</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="contact_us.css" />
</head>

<body>
<div id="main">
Adelaide Hills wine Cellar is located in the Old Onkaparinga Wool Mills in Lobethal. Open Thursday through to Su

is sitting inside your form

**Kim** · 6 Feb 2009, 03:05 AM

Moderator's Note - Your 2 threads have been merged. Please do not repost.

**Natural Tone** · 6 Feb 2009, 05:15 AM

Have managed to fix the Contact us page with some modification to the css code. But the checkout pages are still creating the same problems.

**Natural Tone** · 6 Feb 2009, 05:39 AM

Have worked out the problem now all i need is a solution.

Any page with with .buttonrow used eather back or forward. Causes them to hang over the edge of the centrecolumn div

Please need help with this its doing my head in.

**Website Rob** · 6 Feb 2009, 05:45 AM

Originally Posted by Natural Tone

http://adelaidehillswinecellar.com.a...age=contact_us

I see this in the coding.

Code:

<div id="contactUsNoticeContent" class="content">
	<body>
	<div id="main">
		<p>Adelaide Hills wine Cellar is located
...
</p>
	</div>
       <br class="clearBoth" /> 

</body></div>

Remove the 'body' tags.

Not sure if it will solve the problem but I'm sure that leaving it in will cause problems of some kind.

**Natural Tone** · 6 Feb 2009, 05:58 AM

Originally Posted by Website Rob

Remove the 'body' tags.

Not sure if it will solve the problem but I'm sure that leaving it in will cause problems of some kind.

Thanks for the that. Removed them wasnt the problem but keeping things right is important also.

The problem is not visible now unless you sign up and see the checkout pages.

Thread: Layout problem with forms

Thread Tools

Search Thread

Display

Layout problem with forms

Re: Layout problem with forms

Re: Layout problem with forms

Button layout problem

Re: Button layout problem

Re: Layout problem with forms

Re: Layout problem with forms

Re: Layout problem with forms

Re: Layout problem with forms

Re: Layout problem with forms

Similar Threads

Strange Problem With Forms

Problem: layout problem with Firefox!

Changing layout of forms, specifically the contact_us page form.

Problem with forms. What's missing?

[SERVER ISSUE] Problem with maxlength 0 in all text forms

Bookmarks

Bookmarks

Posting Permissions