Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.

    •  
      CommentAuthorsharanbrar
    • CommentTimeDec 12th 2005
     permalink
    Take a look at http://peoplesforumpunjab.org/ccs/
    I don't want the footer to overlap main content. I want it to appear below main content.

    Actually I want the left column (navigation) to be of fixed width but the "main content" to be liquid. So I had to use the absolute positioning for the "main content". Everything is working fine. But now the footer is not appearing below the main content. I can understand the reason that "main content" has moved out of the flow of document because of absolute positioning. But i don't know the solution that how to make the footer appear below the main content.

    Any suggestions ?
    • CommentAuthoradmin
    • CommentTimeDec 12th 2005 edited
     permalink
    Give div#main_content a margin-left of 174 as oposed to making it absolute...

    Like so

    div#main_content
    {
    padding-left: 10px;
    padding-top: 5px;
    width: inherit;
    margin: 0 0 0 174px;
    }

    That will give you the effect needed, and the main div isn't out of flow any longer.

    Alex
    •  
      CommentAuthorsharanbrar
    • CommentTimeDec 12th 2005
     permalink
    IT WORKED !!!!!

    Thanks a lot for the quick and correct reply.
    •  
      CommentAuthorSpookyET
    • CommentTimeDec 12th 2005
     permalink
    I didn't look at the code, however, even if it does not apply, for future reference, if you are floating left or right, use the "clear" property to clear the floats. This will push the footer down.

    But, from droppyale's response, it seems that you used absolute positioning.
    •  
      CommentAuthorsharanbrar
    • CommentTimeDec 13th 2005
     permalink
    Yes i was using absolute positioning for the main content. so that's why it was not clearing and the footer overlapped the main content. But now with absolute positioning gone it is working perfectly.
Add your comments
    Username Password
  • Format comments as (Help)