stackOverflow29795414

answer to question

by Prateek Patra

HTML

<div style="width:100%" class="pull-left">
    <div class='pull-left' style='width:30%'>
<table id='t1' border='1'>
    <tbody>
        <tr class="table-block-header">
            <th>Column name1</th>
            <th>+</th>
            <th>Column name2</th>
        </tr>
        <tr>
            <td rowspan="2">
                <input type="checkbox" class="x_selector" value="value1"/>dummy
            </td>
            <td>
                <input type="checkbox" class="y_selector" name="VALUE1" value="12345"/>
            </td>
            <td>text1</td>
        </tr>
        <tr>
            <td>
                <input type="checkbox" class="y_selector" name="VALUE1" value="65432"/>
            </td>
            <td>text2</td>
        </tr>
    </tbody>
</table>
            </div>
        <div class='pull-right' style='width:70%;overflow-x:auto'>
<table id='t2'border='1'>
    <tbody>
            <tr>    
                <th class="table-block-header">10.04.2015</th>
                <th class="table-block-header">11.04.2015</th>
                <th class="table-block-header">12.04.2015</th>
                <th class="table-block-header">13.04.2015</th>
                <th class="table-block-header">14.04.2015</th>
                <th class="table-block-header">15.04.2015</th>
                <th class="table-block-header">16.04.2015</th>
                <th class="table-block-header">17.04.2015</th>
                <th class="table-block-header">18.04.2015</th>
                <th class="table-block-header">19.04.2015</th>
                <th class="table-block-header">20.04.2015</th>
                <th class="table-block-header">21.04.2015</th>
                <th class="table-block-header">22.04.2015</th>
            </tr>
            <tr>
                <td>
                <div class="div_up"></div>
                <div class="div_mid">100.00%</div>
                <div class="div_down">0/632</div>
            </td>
            <td>
                <div...

CSS

.pull-left {
	float: left!important
}
.pull-uight {
	float: right!important
}
th{
    height:40px;
}
td{
    height:60px;
}