Jump to the post that solved this thread.
Not Solved 'News'box size issue.
#1
Not Solved
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/forum...php?fid=21
My site is; https://enendrrpg.icyboards.net/
Reply
#2
Not Solved
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}
MyBB Translator & helper
Please do not PM me requesting free support or help for your forums.
You can see my paid services here.
Reply
#3
Not Solved
Oh, perfect. Thank you.

- Snyette.
Reply
#4
Not Solved
You are welcome Big Grin

There was one "td" tag more so that was problem. I just removed it.
MyBB Translator & helper
Please do not PM me requesting free support or help for your forums.
You can see my paid services here.
Reply
#5
Not Solved
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.
Reply
#6
Not Solved
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
MyBB Translator & helper
Please do not PM me requesting free support or help for your forums.
You can see my paid services here.
Reply
Jump to the post that solved this thread.


Forum Jump:


Users browsing this thread: 1 Guest(s)