2017-12-02, 12:01 PM
I am trying to make the following box align correctly, for for some reason the box always extends beyond the container;
![[Image: JRQgMJU4T2uYaxWkk-27mA.png]](https://camo.mybb.com/af1b08a0a802096611facb7c4ddf9b45ae691429/68747470733a2f2f696d6167652e70726e747363722e636f6d2f696d6167652f4a5251674d4a5534543275596178576b6b2d32376d412e706e67)
Here is the code I have, and I have tried altering the sizes of the px for each of the 3 sections, but that little section to the right does not want to align.
I am using a premade skin; http://necessaryevil.icyboards.net/forum...php?fid=21
My site is; https://enendrrpg.icyboards.net/
Here is the code I have, and I have tried altering the sizes of the px for each of the 3 sections, but that little section to the right does not want to align.
<a name="top" id="top"></a>
<div id="topnav">
<!-- NAVIGATION, JUST POST THE LINK
YOU DON'T NEED TO DO ANYTHING ELSE :) -->
<a href="/index.php">Home</a>
<a href="https://enendrrpg.icyboards.net/showthread.php?tid=3">Starter Guide</a>
<a href="https://enendrrpg.icyboards.net/memberlist.php">Census</a>
<!-- END NAVIGATION -->
</div>
<!-- HEADER IMAGE, YOU DON'T WANT
TO EDIT THIS, I AM JUST LABELING IT BECAUSE I LOVE YOU -->
<div id="header-container">
<div id="header-image">
<div id="header-link">
<a href="/index.php">{$mybb->settings['bbname']}</a>
<navigation>
</div>
</div>
</div>
<!-- END HEADER IMAGE -->
<div id="news-container">
<div class="wrapper">
<table width="960px" cellspacing="0" cellpadding="5" style="padding: 5px 0px 5px 0px;">
<tr>
<td valign="center" align="left" width="350px" class="tcat">
Site News
</td>
<td valign="center" align="left" width="260px" class="tcat">
Staff
</td>
<td valign="center" align="left" width="350px" class="tcat">
Roleplay News
</td>
</tr>
<tr class="forum_container">
<td valign="top" align="top" id="site news">
<div style="height: 150px; overflow: auto; text-align: justify; padding-right: 5px;">
<!-- NEWS AREA, YOU CAN PUT <strong></strong>
TAGS AROUND THE DATE TO MAKE IT APPEAR
BOLD AND IN A DIFFERENT COLOR -->
<strong>07.11.15 -</strong> Or perhaps he's wondering why someone would shoot a man before throwing him out of the plane.<p>
I'm Gotham's reckoning. It'll end the ball of damns you've all been living on. A necessary evil.</p>
<strong>05.11.15 -</strong> You fight like a younger man, there's nothing held back. It's admirable, but mistaken. I am the League of Shadows.
<!-- END NEWS AREA -->
</div>
</td>
<td valign="top" align="top">
<!-- STAFF IMAGES, MAKE THEM 65 PIXELS WIDE
AND TALL -->
<img src="http://via.placeholder.com/100x150">
<img src="http://via.placeholder.com/100x150">
<!-- END STAFF IMAGES -->
</td>
<td valign="top" align="top" id="roleplay news">
<div style="height: 150px; overflow: auto; text-align: justify; padding-right: 5px;">
<!-- NEWS AREA, YOU CAN PUT <strong></strong>
TAGS AROUND THE DATE TO MAKE IT APPEAR
BOLD AND IN A DIFFERENT COLOR -->
<strong>07.11.15 -</strong> Or perhaps he's wondering why someone would shoot a man before throwing him out of the plane.<p>
I'm Gotham's reckoning. It'll end the ball of damns you've all been living on. A necessary evil.</p>
<strong>05.11.15 -</strong> You fight like a younger man, there's nothing held back. It's admirable, but mistaken. I am the League of Shadows.
<!-- END NEWS AREA -->
</div>
</td>
<td valign="top" align="top">
<ProStats>
</td>
</tr>
<tr>
<td colspan="3" class="forum_lastpost" height="18">
</td>
</tr>
</table>
</div>
</div>
<div id="container">
<div id="content">
<div class="wrapper">
{$pm_notice}
{$bannedwarning}
{$bbclosedwarning}
{$unreadreports}
{$pending_joinrequests}
{$awaitingusers}
<br>
{$headerad}I am using a premade skin; http://necessaryevil.icyboards.net/forum...php?fid=21
My site is; https://enendrrpg.icyboards.net/
