MyBB Community Forums

Full Version: Container Content
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
I am configuring/designing a site currently on local (via wampserver) until I get it perfected. I have been trying to learn & figure out things on my own without having to bother anyone. This time I kinda succeeded, however now I'm stuck at what to do with it. I have went through all the sheets & apparently I'm missing the right place to enter my results.

Here was my original
[attachment=37786]

I needed the light background area to include the rest of the Content/text too.
So I was messing around with it in Chrome under their developers tools, and I managed to accurately accomplish what I wanted, which is this...
[attachment=37787]

My problem is though I see the new index under "elements" that Chrome has changed for me, I cant figure where to enter it at to change my actual theme on mybb. 

In case you need it, here is what Chrome shows, when its the way I want it...
<body>
<!-- start: header -->
<div id="container">
    		<a name="top" id="top"></a>
		<div id="header">
			<div class="logo" align="center"><a href="http://phpbb/index.php"><img src="http://phpbb/images/battlefield/logo.png" alt="Player's Choice Gaming Community Forum" title="Player's Choice Gaming Community Forum" height="100%" width="100%"></a></div>
			<div class="menu">
				<ul>
					<li><a href="http://phpbb/search.php"><img src="http://phpbb/images/battlefield/toplinks/search.png" alt="" title="">Search</a></li>
					<li><a href="http://phpbb/memberlist.php"><img src="http://phpbb/images/battlefield/toplinks/memberlist.png" alt="" title="">Member List</a></li>
					<li><a href="http://phpbb/calendar.php"><img src="http://phpbb/images/battlefield/toplinks/calendar.png" alt="" title="">Calendar</a></li>
					<li><a href="http://phpbb/misc.php?action=help"><img src="http://phpbb/images/battlefield/toplinks/help.png" alt="" title="">Help</a></li>
				</ul>
			</div>
			<hr class="hidden">
			<div id="panel">
                       &nbsp;<!-- start: header_welcomeblock_member -->
<!-- Continuation of div(class="upper") as opened in the header template -->
	<span class="welcome"><strong>Welcome back, <a href="http://phpbb/member.php?action=profile&amp;uid=1">PcGadmin</a></strong>. You last visited: Today, 08:08 PM <a href="http://phpbb/member.php?action=logout&amp;logoutkey=a4425828d540d6107926408ee54090b6" class="logout">Log Out</a></span>
	</div>
</div>
<div class="lower">
	<div class="wrapper">
		<ul class="menu panel_links">
			<li><a href="http://phpbb/usercp.php" class="usercp">User CP</a></li>
			<!-- start: header_welcomeblock_member_moderator -->
<li><a href="http://phpbb/modcp.php" class="modcp">Mod CP</a></li>
<!-- end: header_welcomeblock_member_moderator -->
			<!-- start: header_welcomeblock_member_admin -->
<li><a href="http://phpbb/admin/index.php" class="admincp">Admin CP</a></li>
<!-- end: header_welcomeblock_member_admin -->
		</ul>
		<ul class="menu user_links">
			<li><a href="#" onclick="MyBB.popupWindow('http://phpbb/misc.php?action=buddypopup&amp;modal=1', null, true); return false;">Open Buddy List</a></li>
			<li><a href="http://phpbb/search.php?action=getnew">View New Posts</a></li>
			<li><a href="http://phpbb/search.php?action=getdaily">View Today's Posts</a></li>
			<li><a href="http://phpbb/private.php">Private Messages</a> (Unread 0, Total 0)</li>
		</ul>
	</div>
	<br class="clear">
</div>
<div id="content">
			
			
			
			
			
			<!-- start: nav -->

<div class="navigation">
<!-- start: nav_bit_active -->
<span class="active">Player's Choice Gaming Community Forum</span>
<!-- end: nav_bit_active -->
</div>
<!-- end: nav -->
			<br>
<!-- end: header -->
	<!-- start: dvz_shoutbox -->
<div id="shoutbox" class="front collapsed">

<div class="head">
<strong>Shoutbox</strong>
<p class="right"><a href="http://phpbb/index.php?action=shoutbox_archive">« archive</a></p>
</div>

<div class="body" style="display: none;">

<!-- start: dvz_shoutbox_panel -->
<div class="panel">
<form>
<input type="text" class="text" placeholder="ENTER your message..." maxlength="" autocomplete="off">
<input type="submit" style="display:none">
</form>
</div>
<!-- end: dvz_shoutbox_panel -->

<div class="window" style="height:180px">
<div class="data">

<div class="entry" data-id="2" data-username="PcGadmin" data-mod="" data-own="" data-parsed="">
    <div class="avatar"><img src="images/default_avatar.png" alt="avatar"></div>
    <div class="user"><a href="http://phpbb/member.php?action=profile&amp;uid=1"><span style="color: green;"><strong><em>PcGadmin</em></strong></span></a></div>
    <div class="text">testing</div>
    <div class="info"><a href="" class="mod edit">E</a><a href="" class="mod del">X</a><a href="http://phpbb/index.php?action=shoutbox_archive&amp;sid=2#sid2"><span class="date">13 Nov 21:29</span></a></div>
</div>
<div class="entry" data-id="1" data-username="PcGadmin" data-mod="" data-own="" data-parsed="">
    <div class="avatar"><img src="images/default_avatar.png" alt="avatar"></div>
    <div class="user"><a href="http://phpbb/member.php?action=profile&amp;uid=1"><span style="color: green;"><strong><em>PcGadmin</em></strong></span></a></div>
    <div class="text">DVZ Shoutbox!</div>
    <div class="info"><a href="" class="mod edit">E</a><a href="" class="mod del">X</a><a href="http://phpbb/index.php?action=shoutbox_archive&amp;sid=1#sid1"><span class="date">13 Nov 02:18</span></a></div>
</div>
</div>
</div>

</div>

<script type="text/javascript" src="http://phpbb/jscripts/dvz_shoutbox.js"></script>

<script>
dvz_shoutbox.interval = 5;
dvz_shoutbox.antiflood = 0;
dvz_shoutbox.maxShouts = 20;
dvz_shoutbox.awayTime = 600*1000;
dvz_shoutbox.lang = ['Do you really want to delete this message?', 'Please wait at least 5 seconds between your subsequent messages.', 'You do not have permissions to perform this action.'];
dvz_shoutbox.markUnread = true;
dvz_shoutbox.lazyMode = 'off';
$(window).bind('scroll resize', dvz_shoutbox.checkVisibility);
$(window).on('mousemove click dblclick keydown scroll', dvz_shoutbox.updateActivity);
dvz_shoutbox.status = 1;
dvz_shoutbox.recalling = true;
setTimeout('dvz_shoutbox.loop()', 5 * 1000);

dvz_shoutbox.firstId = 1;
dvz_shoutbox.lastId = 2;
dvz_shoutbox.parseEntries();
dvz_shoutbox.updateActivity();
</script>

</div>
<!-- end: dvz_shoutbox -->
<!-- start: forumbit_depth1_cat -->
<table border="0" cellspacing="1" cellpadding="4" class="tborder">
<thead>
<tr>
<td class="thead" colspan="5">
<div class="expcolimage"><img src="http://phpbb/images/battlefield/collapse.png" id="cat_1_img" class="expander" alt="[-]" title="[-]" style="cursor: pointer;"></div>
<div><strong><a href="forumdisplay.php?fid=1">My Category</a></strong><br><div class="smalltext"></div></div>
</td>
</tr>
</thead>
<tbody style="" id="cat_1_e">
<tr>
<td class="tcat" colspan="2"><span class="smalltext"><strong>Forum</strong></span></td>
<td class="tcat" width="85" align="center" style="white-space: nowrap"><span class="smalltext"><strong>Threads</strong></span></td>
<td class="tcat" width="85" align="center" style="white-space: nowrap"><span class="smalltext"><strong>Posts</strong></span></td>
<td class="tcat" width="200" align="center"><span class="smalltext"><strong>Last Post</strong></span></td>
</tr>
<!-- start: forumbit_depth2_forum -->
<tr>
<td class="trow1" align="center" valign="top" width="1"><img src="http://phpbb/images/battlefield/off.png" alt="Forum Contains No New Posts" title="Forum Contains No New Posts" class="ajax_mark_read" id="mark_read_2"></td>
<td class="trow1" valign="top">
<strong><a href="forumdisplay.php?fid=2">My Forum</a></strong><div class="smalltext"></div>
</td>
<td class="trow1" valign="top" align="center" style="white-space: nowrap">0</td>
<td class="trow1" valign="top" align="center" style="white-space: nowrap">0</td>
<td class="trow1" valign="top" align="right" style="white-space: nowrap"><!-- start: forumbit_depth2_forum_lastpost_never -->
<div style="text-align: center;">Never</div>
<!-- end: forumbit_depth2_forum_lastpost_never --></td>
</tr>
<!-- end: forumbit_depth2_forum -->
</tbody>
</table>
<br>
<!-- end: forumbit_depth1_cat --><!-- start: forumbit_depth1_cat -->
<table border="0" cellspacing="1" cellpadding="4" class="tborder">
<thead>
<tr>
<td class="thead" colspan="5">
<div class="expcolimage"><img src="http://phpbb/images/battlefield/collapse.png" id="cat_3_img" class="expander" alt="[-]" title="[-]" style="cursor: pointer;"></div>
<div><strong><a href="forumdisplay.php?fid=3">test</a></strong><br><div class="smalltext">An Xbox Community of dorks.</div></div>
</td>
</tr>
</thead>
<tbody style="" id="cat_3_e">
<tr>
<td class="tcat" colspan="2"><span class="smalltext"><strong>Forum</strong></span></td>
<td class="tcat" width="85" align="center" style="white-space: nowrap"><span class="smalltext"><strong>Threads</strong></span></td>
<td class="tcat" width="85" align="center" style="white-space: nowrap"><span class="smalltext"><strong>Posts</strong></span></td>
<td class="tcat" width="200" align="center"><span class="smalltext"><strong>Last Post</strong></span></td>
</tr>

</tbody>
</table>
<br>
<!-- end: forumbit_depth1_cat -->
<!-- start: index_boardstats -->
<table border="0" cellspacing="1" cellpadding="4" class="tborder">
<thead>
<tr>
<td class="thead">
<div class="expcolimage"><img src="http://phpbb/images/battlefield/collapse.png" id="boardstats_img" class="expander" alt="[-]" title="[-]" style="cursor: pointer;"></div>
<div><strong>Board Statistics</strong></div>
</td>
</tr>
</thead>
<tbody style="" id="boardstats_e">
<!-- start: index_whosonline -->
<tr>
<td class="tcat"><span class="smalltext"><strong>Who's Online</strong> [<a href="online.php">Complete List</a>]</span></td>
</tr>
<tr>
<td class="trow1"><span class="smalltext">1 user active in the past 15 minutes (1 member, 0 of whom are invisible, and 0 guests).<br><a href="http://phpbb/member.php?action=profile&amp;uid=1"><span style="color: green;"><strong><em>PcGadmin</em></strong></span></a></span></td>
</tr>
<!-- end: index_whosonline -->

<!-- start: index_stats -->
<tr><td class="tcat"><span class="smalltext"><strong>Board Statistics</strong></span></td></tr>
<tr>
<td class="trow1"><span class="smalltext">
Our members have made a total of 0 posts in 0 threads.<br>
We currently have 2 members registered.<br>
Please welcome our newest member, <b><a href="http://phpbb/member.php?action=profile&amp;uid=2">George</a></b><br>
The most users online at one time was 1 on 11-10-2016 at 07:27 PM
</span>
</td>
</tr>
<!-- end: index_stats -->
<tr>
	<td class="tfoot" style="text-align: right">
		<span class="smalltext">
			<!-- start: index_logoutlink -->
<a href="member.php?action=logout&amp;logoutkey=a4425828d540d6107926408ee54090b6">Log Out</a> | 
<!-- end: index_logoutlink -->
			<a href="misc.php?action=markread">Mark All Forums Read</a> |
			<a href="showteam.php">Forum Team</a> |
			<a href="stats.php">Forum Statistics</a>
		</span>
	</td>
</tr>
</tbody>
</table>
<br>
<!-- end: index_boardstats -->

<dl class="forum_legend smalltext">
	<dt><img src="http://phpbb/images/battlefield/on.png" alt="Forum Contains New Posts" title="Forum Contains New Posts" style="vertical-align: middle; padding-bottom: 4px;"></dt>
	<dd>Forum Contains New Posts</dd>

	<dt><img src="http://phpbb/images/battlefield/off.png" alt="Forum Contains No New Posts" title="Forum Contains No New Posts" style="vertical-align: middle; padding-bottom: 4px;"></dt>
	<dd>Forum Contains No New Posts</dd>

	<dt><img src="http://phpbb/images/battlefield/offlock.png" alt="Forum is Locked" title="Forum is Locked" style="vertical-align: middle;"></dt>
	<dd>Forum is Locked</dd>
</dl>
<br style="clear: both">
<!-- start: footer -->
<!-- start: debug_summary -->
<div id="debug">Generated in 144 ms (73.70% PHP / 26.30% MySQL) <br>SQL Queries: 15 / Server Load: Unknown / Memory Usage: 5.25 MB<br>[<a href="/index.php?my_post_key=4264966dec7bbd9819cdabd007f16243&amp;theme=15&amp;debug=1" target="_blank">Advanced Details</a>]<br></div>
<!-- end: debug_summary -->
	</div><!-- end: header_welcomeblock_member -->
			</div>
		
		<hr class="hidden">
		<br class="clear">
		

<div id="footer">
	<div class="upper">
		<div class="wrapper">
			
			<!-- start: footer_themeselect -->
<div class="theme">
<form method="get" action="/index.php" id="theme_select">
	<input type="hidden" name="my_post_key" value="4264966dec7bbd9819cdabd007f16243">

	<input type="hidden" name="my_post_key" value="4264966dec7bbd9819cdabd007f16243">
	<!-- start: footer_themeselector -->
<select name="theme" onchange="MyBB.changeTheme();">
<optgroup label="Quick Theme Select">
<!-- start: usercp_themeselector_option -->
<option value="2">Default</option>
<!-- end: usercp_themeselector_option --><!-- start: usercp_themeselector_option -->
<option value="3">alpha</option>
<!-- end: usercp_themeselector_option --><!-- start: usercp_themeselector_option -->
<option value="4">Igame</option>
<!-- end: usercp_themeselector_option --><!-- start: usercp_themeselector_option -->
<option value="5">Revolution</option>
<!-- end: usercp_themeselector_option --><!-- start: usercp_themeselector_option -->
<option value="6">Call of Duty</option>
<!-- end: usercp_themeselector_option --><!-- start: usercp_themeselector_option -->
<option value="7">Bf3</option>
<!-- end: usercp_themeselector_option --><!-- start: usercp_themeselector_option -->
<option value="8">Bf</option>
<!-- end: usercp_themeselector_option --><!-- start: usercp_themeselector_option -->
<option value="9">Batf</option>
<!-- end: usercp_themeselector_option --><!-- start: usercp_themeselector_option -->
<option value="10">bf2</option>
<!-- end: usercp_themeselector_option --><!-- start: usercp_themeselector_option -->
<option value="15" selected="selected">--bf2 test</option>
<!-- end: usercp_themeselector_option --><!-- start: usercp_themeselector_option -->
<option value="11">bo</option>
<!-- end: usercp_themeselector_option --><!-- start: usercp_themeselector_option -->
<option value="12">t1</option>
<!-- end: usercp_themeselector_option --><!-- start: usercp_themeselector_option -->
<option value="13">t2</option>
<!-- end: usercp_themeselector_option -->
</optgroup>
</select>
<!-- end: footer_themeselector -->
	<!-- start: gobutton -->
<input type="submit" class="button" value="Go">
<!-- end: gobutton -->
</form>
</div>
<!-- end: footer_themeselect -->
			<ul class="menu bottom_links">
				<!-- start: footer_contactus -->
<li><a href="http://phpbb/contact.php">Contact Us</a></li>
<!-- end: footer_contactus -->
				<li><a href="http://phpbb/">Player's Choice Gaming Community</a></li>
				<li><a href="#top">Return to Top</a></li>
				<li><a href="http://phpbb/archive/index.php">Lite (Archive) Mode</a></li>
				<li><a href="http://phpbb/misc.php?action=syndication">RSS Syndication</a></li>
			</ul>
		</div>
	</div>
	<div class="lower">
		<div class="wrapper">
			<span id="current_time"><strong>Current time:</strong> 11-13-2016, 10:05 PM</span>
			<span id="copyright">
				<!-- MyBB is free software developed and maintained by a volunteer community.
					It would be much appreciated by the MyBB Group if you left the full copyright and "powered by" notice intact,
					to show your support for MyBB.  If you choose to remove or modify the copyright below,
					you may be refused support on the MyBB Community Forums.

					This is free software, support us and we'll support you. -->
				Powered By <a href="https://mybb.com" target="_blank">MyBB</a>, © 2002-2016 <a href="https://mybb.com" target="_blank">MyBB Group</a>.
				<!-- End powered by -->
			</span>
		</div>
	</div>
</div>
<!-- The following piece of code allows MyBB to run scheduled tasks. DO NOT REMOVE --><!-- start: task_image -->
<img src="http://phpbb/task.php" width="1" height="1" alt="">
<!-- end: task_image --><!-- End task image code -->


<!-- end: footer -->

<img class="backGroundImg2" src="images/battlefield/background.png">

<!-- end: index --></body>
*Crickets chirp
Well I guess maybe I'm wrong, and no one knows how, considering over 175 have viewed this but no one will simply tell me  where (on what file) I need to change. Basically (I THINK ) I'm needing to probably move the container or table/cell's closing tag from above the place where it says "Players choice gaming community" to the bottom of last section. I just don't know where/what file(s).
It originally is supposed to look that way anyway.

Please someone help me.

Thank you very much for your time and assistance.
In cases like this you may have added in an extra </div> or could be missing one which then closed that div. Not sure where to start without actually seeing the website itself though. If it is a case of missing/too many </div>'s then you'll have to go step by step and take away things you've added in until it's back to normal.
I found ran a validator on the actual original theme (the original .xml) and it shows in perfect shape. So I made a new theme name in mybb, & imported the theme again. However I still get the issue as I had before! I copied the new page's source, & pasted it in my validator, and it showed me 2 /div that are extra (as you assumed was the problem).

Sooo, now that I know to try removing them, heres the confusion I'm having... how do I go about editing it to remove the problem. What I mean is I have the source code from viewing the source via my page on mybb. I know how to simply try removing the extra /div on the source code I viewed. But where/how do I save the edited source page?

Sorry if Im not explaining my question right. I know what I mean but I dont know how to ask it correct lol.

Thank you for any & all assistance.


P.S. The problem is on all the pages. And I have the issue on 2 different themes I have tried, however all other themes look perfectly normal (but of course its these 2 that I like best lol)