close ad
Databridge V2 with MySQLi support IS Now Available!
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues


How can i avoid this

Thread began 11/06/2009 9:45 am by Miguel | Last modified 11/06/2009 5:28 pm by Dani Chankhour | 1207 views | 1 replies |


How can i avoid this

hello im trying to create a custom layout but im having a terrible time at it, if i use the standard ones no problem but the designers gave me a piece that seems to be complicated with css sculpture any help on how i can prevent overlapping extra content divs over a full width footer. example bellow.

while testing with the css the first picture attached if i add more content it overlaps beneath the footer also i attached a picture of how it should look

it should be

full width header

wraping div
navigation div
content div
left div
realcontent div
content 2 div
left div
secondcontent div

full width footer

now what i notice if the content div ---> left div has to much content it overlaps the content 2 div displays over it.

second if any of the divs inside content 2 dive have a lot of content the overlap beneath the footer.

my question is how can i get the footer to display always at the bottom of the page and avoid the overlapping i try already positioning with relative with no luck also added placing heights but if the content is bigger than the hight it screws up, and all the content is dynamic maby its less or more each month that's the problem.

im frustrated have 3 days changing the divs all ways posible but i have no idea what im missing.

PD using cs4 and super suite wich only lets me have css sculpture 2 last version updated this week.

Sign in to reply to this post

Dani Chankhour

I will need to see the page in order to determine how you could achieve what you are going after.

But it looks that you need to use the faux column trick to get the content area to expand along with the text). Basically you will need to have three divs in the content area and add three background images. the middle div is where all the text will placed.

Please send a link to your page to further look into this issue.

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





Ease of use


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...