19 users online (0 members and 19 guests)  


  Results 1 to 2 of 2

Related

  1. Replies: 2
  2. Replies: 8
  3. Making a scroll bar on the "about me" table    Forum: Myspace Forum
    Replies: 1
  4. Replies: 1
  1. #1
    MAV_WebD's Avatar
    New User

    Status
    Offline
    Join Date
    Nov 2007
    Posts
    1

    Need to "Scroll" in Main Content Area<td>.....

    Hello all,,,
    I am a new member to this forum and a beginner WebD,, who new....
    Any way, I am currently setting up a web-site that I will be using to reference Object Oriented Coding...
    The problem at hand: I have set up my Navigations on the left side which leaves "2" columns that I am using for the MainContent Area...

    Rough Example of Code:
    Code:
    <html>
    <head>
    </head>
    <body>
    <table border="1">
    <tr>
    <td>Professor:</td>
    <td colspan="3">Main Logo:</td>
    </tr>
    <tr>
    <td>Main Navs:</td>
    <td rowspan="4" align="center">MainContent<br>Area</td>
    <td rowspan="4" align="center">MainContentArea<br><strong>Need Scroll on Left</strong></td>
    </tr>
    <tr>
    <td>2nd Navs:</td>
    </tr>
    <tr>
    <td>3rd Navs</td>
    </tr>
    <tr>
    <td>4th Navs</td>
    </tr>
    <tr>
    <td colspan="3" align="center">Bottom Internal Navs</td>
    </tr>
    </table>
     
    </body>
    </html>
    I have found many examples of CSS and believe that is the way to go,,,, just need a little help understanding it more.

    I need to be able to "Scroll" through the MainContent Areas,, Just one scroll on far left column that scrolls both columns..
    The problem I am having is that the mainContent area's heigth is larger than the Navigator area on the left side.. So the left Navs is not staying stable in size....
    Can any one help out with this problem???
    Thanks,,,,, MAV_WebD
    Last edited by vinyl-junkie; 11-04-2007 at 08:29 PM. Reason: Added code tags

  2. #2
    vinyl-junkie's Avatar
    Moderator

    Status
    Offline
    Join Date
    Sep 2005
    Posts
    721

    Re: Need to "Scroll" in Main Content Area<td>.....

    Here is an example of CSS that will make scrollbars in a section of your HTML:

    Code:
    .codebox-med {
    	border: 1px solid #808080;
    	padding: 5px;
    	background-color:#eeeeee;
    	float: left;
    	white-space: pre;
    	/* below is the magic code to have scrollbars */
    	width: 65%;
    	height: 150px;
    	overflow: auto;
    }
    Music Around The World - Collecting tips, trade
    and want lists, album reviews, & more



Tags for this Thread