How To Vertically Divide A Web Page Without Using A Table?

html tabular
Jan Tacci picture Jan Tacci · Nov 8, 2012 · Viewed 33.7k times · Source

I read somewhere (on Stack Overflow as a matter of fact!) that it's a bad idea to use tables to layout pages in html.

I have an HTML page that needs to be "divided" down the middle with some content going on the left and some content going on the right. At fist I would have thought to use nested tables with each of their widths being 50%. Can I do the same thing using div? Or some other html construct?

Answer

Akhil picture Akhil · Nov 8, 2012 
<div style="float:left; width:50%;">
Left  <!-- Set Div As your requirement -->
</div>
<div style="float:left; width:50%;">
Right  <!-- Set Div As your requirement -->
</div>

Related questions

How can I create a dynamic weekly schedule in HTML and Javascript?

It's simple to create a table based layout for a weekly calendar with 7 columns for each day of the week and various rows for each hour of the week. I have no problem creating that. The hard part is filling …

Read More
How to make text wrap around a table, as if it were an image

I'm surprised I couldn't find a solution to this. I would like to position a small table (1 row, 3 cells,) near the top of my document, aligned to the right, with a paragraph wrapping around it, just as you can do …

Read More
Arranging fieldset elements like a typical table-design

I'm trying to arrange the titles for 3 fieldset elements the same way a typical table looks, but I can't get it the way I want. This comes pretty close, however... <label style="vertical-align:top;">Title1</label> &…

Read More