close ad
WARNING PC USERS: Do Not Install the DREAMWEAVER CC 2017 Update »
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

Alignment "blues"

Thread began 8/23/2011 8:53 am by Nature Photographer | Last modified 8/26/2011 10:46 am by Jason Byrnes | 885 views | 7 replies |

Nature Photographer

Alignment "blues"

Hi,

I tried to find an answer before posting but to no avail.

I have a site Sculptor, 3 column page (template) which I attached to the checkout pages created by eCart 5 and all the form data is on the left side of the page covering the left column towards the bottom.

I remember fixing this some time ago on another website but for the life of me I can't find my notes.

I've attached the CSS which is attached to the form data container but I cant find the relivent section I need to adjust to have the div move to the right place.

Any help would be appreciated.

Attached Files
CSS.zip
Sign in to reply to this post

Jason ByrnesWebAssist

please post a link where i can see the problem in web browser to troubleshoot the cause.

Sign in to reply to this post

Nature Photographer

This post has been deleted.

Nature Photographer

Jason I uploaded the site being built to the live server in a seperate subfolder so you can view the pages giving me trouble. You will need to click on a booking button to go to the "shopping cart" (which works fine in alignment) but when you go to "checkout" page, that is where the alignment goes heywire and also the "confirm" page.

Here is a link to a product/service which will lead you through the ecart shopping system

currumbincreek.php


Look forward to your assistance

James

Sign in to reply to this post

Jason ByrnesWebAssist

in the eC_Crisp_DeepJungle_Arial.css file, change:

.eC_Crisp_DeepJungle_Arial{
font-family:Arial, Helvetica, sans-serif; /* Font Style */
font-size:x-small;
color: #628152; /* Border_Dark */
width:565px;
}



to:

.eC_Crisp_DeepJungle_Arial{
font-family:Arial, Helvetica, sans-serif; /* Font Style */
font-size:x-small;
color: #628152; /* Border_Dark */
width:565px;
overflow:hidden;
padding:0 0 0 10px;
}
Sign in to reply to this post

Nature Photographer

Thanks Jason, that worked a treat with the ecart pages.

But now I have the same problem with the registration pages;

registration.php

Would you be kind enough to have a look at these pages and tell me why they are doing the same thing.

What actually happens that causes the forms to move to the left, as it seems to always happen as I'm using template presets?

Thanks so much for your assistance Jason.

Sign in to reply to this post

Jason ByrnesWebAssist

it looks like the Main content div is missing.

you have a left content div and right content div, but no main content div.

when you add a form to the main content area, since there is no container div, it is not aligning correctly.

Sign in to reply to this post

Nature Photographer

Thanks Jason

It didn't really help fix my problem with the rego form but thanks for the other error fix that is now working fine.

Sign in to reply to this post

Jason ByrnesWebAssist

the fix is to add a containing div around the registration form.


you have deleted the main content div which is causing the problem.

to fix the problem, add the main content div back

Sign in to reply to this post

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...