Footer not Going Down in HTML/CSS
  • Hello
    I am designing a website has a header, a right side and a left side and  a footer. But unfortunately Footer is not Going down at the place where i want to place it/ Code is

    <div id="wrapper">
    <div id="header"> Header text </div>
    <div id="Leftside">LeftSide</div>
    <div id="rside">Rside</div>
    <div id="footer"> FOOTER </div>
    </div>

    CSS IS

    #wrapper{margin 0px auto; width:1000px;}
    #header{ width:100%; text-align:center;}
    #leftside{width: 30%; float:left}
    #rside{width:70%;float:left}
    #footer{width:100%;}

    Please help. i want to show this in following structure
    +-------------------------------------------------------------------+
    |                 HEADER                                       |
    +-------------------------------------------------------------------+
    | LEFTside |            RightSide                           |
    |               |                                                     |
    +-------------------------------------------------------------------+
    |                      FOOTER                                  |
    +--------------------------------------------------------------------+

    But it is not showing Ok/
  • 2 Comments sorted by
  • Vote Up0Vote Down phpcoderphpcoder
    11.00 Karma Accepted Answer
    Hello Please add following in Css file
    #footer{width:100%; clear:both}




    Try and i am sure that this will work.
  • Thanks phpCoder. this worked ok..

Howdy, Stranger!

It looks like you're new here. If you want to get involved, or you want to Ask a new Question, Please Login or Create a new Account by Clicking below

Login with Facebook

Tagged

Popular Posts of the Week

Top Posters Weekly

Optimum Creative