Execute
Save
Share
Share link
share
share
share
Team
Public Teams
Comments
0
Created By:
Guest
Title:
table first and last col fix
Title
Description
Edit
Copy Link
Login
Email *
Password *
Login
OR
Create Account
Screen Name *
Email *
Password *
Retype Password *
Team Access Code
Register
Public CodeBins
HELP
--Select Theme--
Ambiance
Blackboard
Cobalt
Eclipse
Elegant
Erlang-Dark
Lesser-Dark
Monokai
Neat
Night
Rubyblue
Vibrant-Ink
Xq-Dark
New CodeBin
CodeBins Versions
table first and- V.9
table first and- V.8
table first and- V.7
table first and- V.6
table first and- V.5
table first and- V.4
table first and- V.3
table first and- V.2
table first and- V.1
Compare Versions
Recent CodeBins
View All CodeBins
Bottom of Page
In Head
On Load
On Ready
Setting
Validate
Copy
Format
table { table-layout: fixed; width: 400px; margin-left: 0px; } td, th { vertical-align: top; border-top: 1px solid #ccc; width:100px; } th { position:relative; left:0; width:100px; margin-left: -305px; } th.c { position:relative; right:0; margin-left: 505px; border: 1px solid #000; } .outer { position:relative; width: 510px; opacity:1; filter:alpha(opacity=100); border: 1px solid #000; } .inner { overflow-x:scroll; overflow-y:visible; width:300px; margin-left:100px; /*margin-right:80px; */ opacity:1; filter:alpha(opacity=100); border: 1px solid #000; }
Setting
Validate
Copy
Format
<div class="outer"> <div class="inner"> <table> <tr> <th>Header A</th> <td>col 1 - A</td> <td>col 2 - A (WITH LONGER CONTENT)</td> <td>col 3 - A</td> <td>col 4 - A</td> <th class="c">col 5 - A</th> </tr> <tr> <th>Header B</th> <td>col 1 - B</td> <td>col 2 - B</td> <td>col 3 - B</td> <td>col 4 - B</td> <th class="c">col 5 - B</th> </tr> <tr> <th>Header C</th> <td>col 1 - C</td> <td>col 2 - C</td> <td>col 3 - C</td> <td>col 4 - C</td> <th class="c">col 5 - C</th> </tr> </table> </div> </div>
No Doc Type
HTML5
HTML 4.01 Transitional
HTML 4.01 Strict
HTML 4.01 Frameset
XHTML 1.1
XHTML 1.0 Transitional
XHTML 1.0 Strict
XHTML 1.0 Frameset
Copy
Format
Download
×
Code Description
×
Difference of Versions
HTML
CSS
JS
×
JS Error
×
CSS Error
Errors
Warnings
×
JavaScript Setting
JS Libraries:
Chrome Frame 1.0.3
Dojo 1.8.0
Dojo 1.7.3
Dojo 1.7.2
Ext Core 3.1.0
jQuery 1.8.0
jQuery 1.7.2
jQuery 1.6.0
jQuery 1.5.0
jQuery 1.4.4
jQuery 1.4.0
jQuery-min 1.7.2
jQueryUI-min 1.8.21
MooTools more-1.4.0.1-full
MooTools core-1.4.5-full
MooTools core-1.4.1-full
Prototype 1.7.1.0
script.aculo.us 1.9.0
SWFObject 2.2
Twitter Bootstrap 2.0.4
WebFont Loader 1.0.28
yui 3.5.1
User Libraries:
Upload File
JavaScript URL(s):
×
CSS Setting
CSS Libraries:
jQueryUI 1.8.21
Twitter Bootstrap 2.0.4
User Libraries:
Upload File
CSS URL(s):