Coonvert Table to CSS with div tags

Charles Baldo
Charles Baldo used Ask the Experts™
on
Hello

New with CSS,  How can I turn this table into css with <div> tags   It is a box on the left with two boxes on  the right each box half the sizes of the box on the right


<table>
      <tr>
            <td>Task</td>
            <td rowspan="2">Instructions</td>
      </tr>
      <tr>
            <td> Comments</td>
      </tr>
</table>
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
The trick it so set both a width and a float. By setting a float, the divs will sit next to each other instead of one on top of the other.

<head><style TYPE="text/css">
.column {
    width: 33%;
    float: left;
}
.doublecolumn {
    width: 66%;
    float: left;
}
</style>
</head>
<body>
<div style="width:100%;">
    <div class="column">Task</div>
    <div class="doublecolumn">Instructions</div>
</div>
<div style="width:100%;">
    <div class="column">Comments</div>
</div>
</body>

Open in new window

Charles BaldoSoftware Developer

Author

Commented:
PERFECT!!!  Thank You

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial