Help - Search - Members - Calendar
Full Version: Divs overlap in firefox and safari, but not IE7
HTMLHelp Forums > Web Authoring > Cascading Style Sheets
guitwiz
Hi,
I'm new to using Dreamweaver, so not sure how to fix this.
The url is:
http://9drox.com/FitHappens/Home2.html

Viewing in IE7, the footer is at the bottom of the page, but in firefox and safari the footer appears
over the column container. How can I fix this?

Thanks
Frederiek
See http://www.cssstickyfooter.com/
guitwiz
Thanks for the suggestion, but this code is to stick the footer to the bottom of the page. I just want to have the footer below the two columns above it - not where it is now in safari and firefox - over the two columns at the top of their container. In design view, it looks like any content below the columns is to the right of the main container for the whole page. So I still need a solution please.
Frederiek
Then you might want to start putting a DOCTYPE and correct structure to the page.
Start by validating your page: http://www.htmlhelp.com/cgi-bin/validate.c...s&input=yes

BTW, I do'nt even see the two columns anymore. (Safari/Mac)

Forgot to say: by structure, I mean your page lacks a DOCTYPE to begin with, but also a HTML, HEAD and BODY tag, which webpages normally would contain. See http://htmlhelp.com/reference/html40/structure.html
guitwiz
I have a new url:
http://9drox.com/FitHappens/Home3.html

I took the columns out. It was a column_container div within the whole page container. It had 3 columns. One on the left with a left float and the left box image for the background, one in the middle that was a blank column and one on the right with the right box image as a background and floated to the right. No matter what I tried, any content below that floating column div would show up just under the navbar row.

So I changed the main content part with the columns to all just one row in the main container with both box images and the blank column all joined together in one image. I had to do this as I don't have time to figure out the issue and have to get an update to the client.
Now I will have to put all the text above the two columns. I guess putting a table over them in that row with three colums that match the image backgound would be the way to go so I can center text and content over each box?

You'll notice doc type statment is now added, though that didn't affect anything...
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2010 Invision Power Services, Inc.