Help with table alignment

[myfayt]

I am not new to CSS, but have always have problems using DIVs to line up correct, side by side and on top of each other.

Attached is a layout that I would like to do on my website, (sorry I am at work and all I had was Paint).

Would anyone be able to step me through this? I know how to do the CSS, but just need help aligning the tags in the HTML part of it.

[vikram1vicky]

Please share the code and explain in detail what challenges you have in it

[myfayt]

I will be incorporating the coding into PHP using DIV tags. This isn't helpful, but this is where I am placing it.

 $page = "<table width='100%' border='1'><tr><td class='title'><a href='index.php'>Gameplay</a> > <a href='profiles.php?x=profile:$id'>Player Profile</a></td></tr></table>";
        $page .= "<center><h3><font color=white>Player Profile for ".$profileUser['charname']."</font></h3></center><p>";

        $page .= '<table width="95%">';

        $page .= "<tr><td><b>Character Name:</b> <i>".$profileUser['charname']."</i><br />";
        $page .= "<b>Player ID:</b> <i>".$profileUser['id']."</i><br />";
        $page .= "<b>Character Class:</b> <i>$cclass</i>";

        $page .= '</table>'; 

So the character information would be on the top left side where it says User Info. I need to know how to put div's inside of div's to get that pattern.

Such as

<div id="userinfo">
<div id="baninfo">
</div>
<div id="alliance">
</div></div>