3 replies [Last post]
yacahuma
yacahuma's picture
Offline
Enthusiast
Puerto Rico
Last seen: 10 years 9 weeks ago
Puerto Rico
Timezone: GMT-4
Joined: 2007-07-24
Posts: 64
Points: 10

I am working on the following page
http://autolandonline.com/home2.php

Why contentleft flows over the footer if it is on his own div?
In IE looks the way I expected.

Thank you

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 8 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

You need overflow: hidden on

You need overflow: hidden on #content3col to contain the floats and clear: both on #footer.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

yacahuma
yacahuma's picture
Offline
Enthusiast
Puerto Rico
Last seen: 10 years 9 weeks ago
Puerto Rico
Timezone: GMT-4
Joined: 2007-07-24
Posts: 64
Points: 10

thank you

Great that worked. Perfect, these 2 instructions have the effect of making little block, which is exactly what I need 90% of the time.

Now another question. In this page I use the #content style on all the pages except the main page. I cannot use the #content(i think) on the first page because I needed 3 columns on the first page. But I want to keep using all the other declarations from #content. Like the h2 and p, etc

so What should I do in this case? How can I have on #content3col everything that is on #content except the spacing? #content defines a padding that I dont need on #content3col.

So in other words. Right now I cannot put contentleft, contentright and contentcenter inside content because of the padding in content.

Thank you

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 8 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

You don't need to precede

You don't need to precede everything with #content, so if you remove it from your declarations it won't matter what ID or class the container has.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference