Question

When laying out a page, what are the alternatives to <table>? I’ve read in various places that tables weren’t good for trying to layout pages. What should I use? <div>?

<table align="center" width="100%" height="250">
   <tr>
     <td align="left" width="25%"><?php require_once("page1.php"); ?></td>
     <td align="left" width="25%"><?php require_once("page2.php"); ?></td>
     <td align="left" width="25%"><?php require_once("page3.php"); ?></td>
     <td align="left" width="25%"><?php require_once("page4.php"); ?></td>
   </tr>
</table>

Answer 1

Check out a css grid system:

In a semantic, tableless layout, that code you posted would look something like this:

HTML:

<div class="wrapper">
   <div><?php require_once("page1.php");?></div>
   <div><?php require_once("page1.php");?></div>
   <div><?php require_once("page1.php");?></div>
   <div><?php require_once("page1.php");?></div>
</div>

CSS:

.wrapper { overflow-y:auto;}
.wrapper div { float:left;width:25%;}