SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Zealot ajaxdinesh's Avatar
    Join Date
    Apr 2009
    Location
    India
    Posts
    137
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question tbody scroll not supported in google chrome

    Hi,

    tbody scroll is not support in google chrome. Please help me.

    Code HTML4Strict:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml"><head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <title>Untitled Document</title>
    <style type="text/css">
    #wrap{
    	float:left;
    	font:12px verdana;
    	border-bottom:1px solid #bec7d8;
    }
    thead th{	
    	border-left:1px solid #bec7d8;
    	border-top:1px solid #bec7d8;
    	font-weight:bold;
    	color:#3a5a97;
    	text-align:center;
    	background:#e1e5ee;
    	padding:5px 10px;
    	text-align:center;
    }
    table{background:#ffffff;}
    td{
    	padding:5px;	
    	border-left:1px solid #bec7d8;
    	border-top:1px solid #bec7d8;
    }
    tbody{
    	height:300px;
    	overflow-y:scroll;
        overflow-x:hidden;
    }
    .last{padding-right:16px;border-right:1px solid #bec7d8;}
    </style>
    <!--[if IE ]>
    <style type="text/css">
    #wrap{
    	overflow-y:auto;
    	padding-right:16px;
    	height:300px;
    	overflow-x:hidden;
    }
    tbody{
    	height:auto;
    	overflow:auto;
    }
    tr.iefix{
    	z-index:999;
    	border:none;
    	position:relative;
    	background:#e1e5ee;
    }
     
    </style>
    <![endif]-->
    </head><body>
    <div id="wrap">
    	<table cellpadding="0" cellspacing="0">
    		<thead>
    			<tr class="iefix">
    				<th>h1</th>
    				<th>&nbsp;</th>
    				<th>&nbsp;</th>
    				<th>h2</th>
    				<th>&nbsp;</th>
    				<th>h3</th>
    				<th>h4</th>
    				<th>h5</th>
                    <th>Status</th>
                    <th>Assigned To</th>
    				<th class="last">Appraisal Type</th>
    			</tr>
    		</thead>
     
    		<tbody>
    			<tr>
    				<td>1</td>
    				<td>2</td>
    				<td>3</td>
    				<td>4</td>
    				<td>5</td>
    				<td>6</td>
    				<td>7</td>
    				<td>8</td>
                    <td>9</td>
    				<td>10</td>
    				<td class="last">a</td>
    			</tr>
    			<tr>
    				<td>1</td>
    				<td>2</td>
    				<td>3</td>
    				<td>4</td>
    				<td>5</td>
    				<td>6</td>
    				<td>7</td>
    				<td>8</td>
                    <td>9</td>
    				<td>10</td>
    				<td class="last">b</td>
    			</tr>
    			<tr>
    				<td>1</td>
    				<td>2</td>
    				<td>3</td>
    				<td>4</td>
    				<td>5</td>
    				<td>6</td>
    				<td>7</td>
    				<td>8</td>
                    <td>9</td>
    				<td>10</td>
    				<td class="last">c</td>
    			</tr>
                <tr>
    				<td>1</td>
    				<td>2</td>
    				<td>3</td>
    				<td>4</td>
    				<td>5</td>
    				<td>6</td>
    				<td>7</td>
    				<td>8</td>
                    <td>9</td>
    				<td>10</td>
    				<td class="last">d</td>
    			</tr>
                 <tr>
    				<td>1</td>
    				<td>2</td>
    				<td>3</td>
    				<td>4</td>
    				<td>5</td>
    				<td>6</td>
    				<td>7</td>
    				<td>8</td>
                    <td>9</td>
    				<td>10</td>
    				<td class="last">e</td>
    			</tr>
                 <tr>
    				<td>1</td>
    				<td>2</td>
    				<td>3</td>
    				<td>4</td>
    				<td>5</td>
    				<td>6</td>
    				<td>7</td>
    				<td>8</td>
                    <td>9</td>
    				<td>10</td>
    				<td class="last">f</td>
    			</tr>
                 <tr>
    				<td>1</td>
    				<td>2</td>
    				<td>3</td>
    				<td>4</td>
    				<td>5</td>
    				<td>6</td>
    				<td>7</td>
    				<td>8</td>
                    <td>9</td>
    				<td>10</td>
    				<td class="last">e</td>
    			</tr>
                 <tr>
    				<td>1</td>
    				<td>2</td>
    				<td>3</td>
    				<td>4</td>
    				<td>5</td>
    				<td>6</td>
    				<td>7</td>
    				<td>8</td>
                    <td>9</td>
    				<td>10</td>
    				<td class="last">f</td>
    			</tr> <tr>
    				<td>1</td>
    				<td>2</td>
    				<td>3</td>
    				<td>4</td>
    				<td>5</td>
    				<td>6</td>
    				<td>7</td>
    				<td>8</td>
                    <td>9</td>
    				<td>10</td>
    				<td class="last">e</td>
    			</tr>
                 <tr>
    				<td>1</td>
    				<td>2</td>
    				<td>3</td>
    				<td>4</td>
    				<td>5</td>
    				<td>6</td>
    				<td>7</td>
    				<td>8</td>
                    <td>9</td>
    				<td>10</td>
    				<td class="last">f</td>
    			</tr> <tr>
    				<td>1</td>
    				<td>2</td>
    				<td>3</td>
    				<td>4</td>
    				<td>5</td>
    				<td>6</td>
    				<td>7</td>
    				<td>8</td>
                    <td>9</td>
    				<td>10</td>
    				<td class="last">e</td>
    			</tr>
                 <tr>
    				<td>1</td>
    				<td>2</td>
    				<td>3</td>
    				<td>4</td>
    				<td>5</td>
    				<td>6</td>
    				<td>7</td>
    				<td>8</td>
                    <td>9</td>
    				<td>10</td>
    				<td class="last">f</td>
    			</tr>
                 <tr>
    				<td>1</td>
    				<td>2</td>
    				<td>3</td>
    				<td>4</td>
    				<td>5</td>
    				<td>6</td>
    				<td>7</td>
    				<td>8</td>
                    <td>9</td>
    				<td>10</td>
    				<td class="last">e</td>
    			</tr>
                 <tr>
    				<td>1</td>
    				<td>2</td>
    				<td>3</td>
    				<td>4</td>
    				<td>5</td>
    				<td>6</td>
    				<td>7</td>
    				<td>8</td>
                    <td>9</td>
    				<td>10</td>
    				<td class="last">f</td>
    			</tr> <tr>
    				<td>1</td>
    				<td>2</td>
    				<td>3</td>
    				<td>4</td>
    				<td>5</td>
    				<td>6</td>
    				<td>7</td>
    				<td>8</td>
                    <td>9</td>
    				<td>10</td>
    				<td class="last">e</td>
    			</tr>
                 <tr>
    				<td>1</td>
    				<td>2</td>
    				<td>3</td>
    				<td>4</td>
    				<td>5</td>
    				<td>6</td>
    				<td>7</td>
    				<td>8</td>
                    <td>9</td>
    				<td>10</td>
    				<td class="last">f</td>
    			</tr> <tr>
    				<td>1</td>
    				<td>2</td>
    				<td>3</td>
    				<td>4</td>
    				<td>5</td>
    				<td>6</td>
    				<td>7</td>
    				<td>8</td>
                    <td>9</td>
    				<td>10</td>
    				<td class="last">e</td>
    			</tr>
                 <tr>
    				<td>1</td>
    				<td>2</td>
    				<td>3</td>
    				<td>4</td>
    				<td>5</td>
    				<td>6</td>
    				<td>7</td>
    				<td>8</td>
                    <td>9</td>
    				<td>10</td>
    				<td class="last">f</td>
    			</tr> <tr>
    				<td>1</td>
    				<td>2</td>
    				<td>3</td>
    				<td>4</td>
    				<td>5</td>
    				<td>6</td>
    				<td>7</td>
    				<td>8</td>
                    <td>9</td>
    				<td>10</td>
    				<td class="last">e</td>
    			</tr>
                 <tr>
    				<td>1</td>
    				<td>2</td>
    				<td>3</td>
    				<td>4</td>
    				<td>5</td>
    				<td>6</td>
    				<td>7</td>
    				<td>8</td>
                    <td>9</td>
    				<td>10</td>
    				<td class="last">f</td>
    			</tr>
    		</tbody>
    	</table>
    </div>
    </body></html>
    Cheers,
    Dinesh

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    39,865
    Mentioned
    159 Post(s)
    Tagged
    4 Thread(s)
    HI,

    Only Firefox supports scrolling the table body it so you can't use it for other browsers. You will need to use the method that we showed in the quiz although it is a little more complicated.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •