MyBB Community Forums
'News'box size issue. - Printable Version

+- MyBB Community Forums (https://community.mybb.com)
+-- Forum: 1.8 Support (https://community.mybb.com/forum-175.html)
+--- Forum: General Support (https://community.mybb.com/forum-176.html)
+--- Thread: 'News'box size issue. (/thread-214508.html)



'News'box size issue. - Snyette - 2017-12-02

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]

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/forumdisplay.php?fid=21
My site is; https://enendrrpg.icyboards.net/


RE: 'News'box size issue. - Ikerepc - 2017-12-02

This should solve your problem, replace your code with this one:

        <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>
        </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}



RE: 'News'box size issue. - Snyette - 2017-12-02

Oh, perfect. Thank you.

- Snyette.


RE: 'News'box size issue. - Ikerepc - 2017-12-02

You are welcome Big Grin

There was one "td" tag more so that was problem. I just removed it.


RE: 'News'box size issue. - Snyette - 2017-12-02

Ah. I was trying to figure out what it was.
Sorry if it feels like I was spamming. I'm just new to Icyboards / My BB and trying to learn.

- Snyette.


RE: 'News'box size issue. - Ikerepc - 2017-12-02

Yeah, don't vorry about that, you are not boring. We are here to help new MyBB users like you Smile

Just feel free to ask anything. I'm always glad to help someone if I can Smile