Yahoo Answers is shutting down on May 4th, 2021 (Eastern Time) and beginning April 20th, 2021 (Eastern Time) the Yahoo Answers website will be in read-only mode. There will be no changes to other Yahoo properties or services, or your Yahoo account. You can find more information about the Yahoo Answers shutdown and how to download your data on this help page.

HTML partition code?

I am currently working on an HTML project for one of my classes.

I need help creating a partition on a HTML page that splits the page into two parts. The partition should be locked in place and the portion of the page above and below the partition should have their own individual scroll bars.

3 Answers

Relevance
  • 1 decade ago
    Favorite Answer

    HTML (put this inside your body element):

    <div id="above">

      // put contents here...

    </div>

    <div id="below">

      // put contents here...

    </div>

    -----

    CSS (put this inside your head element):

    <style type="text/css">

    <!--

    html { height : 100% ; }

    body {

      height: 100% ;

      margin: 0px ;

      padding: 0px ;

    }

    #above, #below {

      border: 1px rgb(0,0,0) solid ;

      height : 48% ;

      overflow: auto ;

    }

    //-->

    </style>

    =) <-- don't put this anywhere. Cheers!

  • 1 decade ago

    hi,

    u can use frame to split pages into more partition depends on user...

    <frameset cols="25%,75%">

    <frame src="frame_a.htm">

    <frame src="frame_b.htm">

    </frameset>this code for column.

    u want rows(above and below),so

    Source(s): <frameset rows="25%,75%"> <frame src="frame_a.htm"> <frame src="frame_b.htm"> </frameset>
  • 1 decade ago

    try an iframe!!

    you may also want to check out http://allwebdata.com/ it could help

Still have questions? Get your answers by asking now.