MyBB Community Forums

Full Version: Intergration of MyBB and Site (Width Problem)
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
See attached:
[attachment=12881]
CSS:

body {
	margin: 0px;
	background: url(../img/top_bg.gif);
	background-repeat: repeat-x;
	font-family: Verdana, Arial, sans-serif;
        font-size: .6em;
}

p {
	line-height: 17px;
	margin: 11px 0 10px 0;
	padding: 0px;
}

h2 {
	color: #9f9f9f;
	margin:0px;
	padding:0px;
	font-size: 15px;
}

ul {
	font-size: 10px;
	margin:0;
	padding:0;
	list-style-image: url(../img/bullet.gif);
}

a {
	color: #93B300;
}

a:hover {
	text-decoration: none;
}

blockquote{
	background: #F7FDE3;
	color: #606060;
	padding: 10px;
}


/**** Main Container ***/


#wrap {
       margin-left: auto;
       margin-right: auto;
       width: 730px;
}


/**** Top ***/


#top {
	width: 100%;
	height: 88px;
	color: #fff;
	background: #000 url(../img/top_bg.gif);
	overflow:hidden;
}

#top h2 {
	color: White;
	letter-spacing: 3px;
	font-size: 2.4em;
	font-weight: normal;
	position: relative;
	margin: 0px;
	top:33px;
	display:block;
	float:left;
	background: url(../img/bg_t.gif) no-repeat;
	padding-left: 10px;
}

#top h2 a {
	color: white;
	text-decoration: none;
}

#top h2 a:hover {
        color: #93B300;
}


/**** Main Menu ***/


#menu {
	display: block;
	float:right;
}

#menu ul {
	margin: 0;
	list-style: none;
}

#menu li {
	display: block;
	float: left;
	white-space: nowrap;
}

#menu li a {
	display: block;
	padding: 55px 20px 12px 20px;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}

* html #menu a {width:1%;}

#menu li a:hover {
	background: url(../img/bg_menu.gif);
}

#menu li a.current {
	letter-spacing: 1px;
	color: gray;
	background: url(../img/bg_menu.gif);
}

#menu li a.current:hover {
	color: #fff;
}


/**** Content Container ***/


#content {
	width: 100%;
	margin-top:30px;
}

#content h2 {
	margin: 0;
	padding: 10px 0 10px 0;
}


/**** Content ***/


#left ul {
	padding: 15px 0 15px 35px;
	margin:0;
}

#left li {
	margin-bottom:5px;
}

#left {
	width: 390px;
	float:left;
	display: block;
       margin-left: 20px;
	display: inline;
}


/**** Sidebar ***/


#right {
	width: 315px; 
	float: right;
	display:block;
	margin-top: 10px;
}

#right .box {
	width: 24em;/*280px*/
	background: #F6F9FB;
	border: 1px solid #E1E1E1;
	padding:10px 10px 15px 10px;
	float: right;
}

#right .box h2 {
	font-size: 1.1em;
	margin: 0px 0 0px 0;
	padding:0px 0 5px 0;
}

#right .box a {
	margin: 10px 0 10px 0;
	color: #93B300;
	font-size: 10px;
}

#right .box p {
	margin: 5px 0 10px 0;
	line-height: 15px;
}

#right .box ul {
	padding: 0 0 7px 20px;
	margin:10px 0 10px 0;
}

#right .box li {
	margin-top:5px;
}

#nav{ list-style: none; margin: 2.0em 0; width: 25em; float: right;}
#nav li{ padding: 0; margin: 0; }
#nav a{
	display: block;
	height: 2.0em;
	padding: 0.3em 0.3em 0.3em 0.8em;
	border-bottom: 2px; /*solid #1a1a1a*/
	border-top: 2px; /*solid #1a1a1a*/
	color: #93B300;
	background-color: #F7F9FB;
	font-weight: bold;
	text-decoration: none;
	}

#nav a:hover{
	color: #1a1a1a;
	background: url(../img/bg_t.gif) no-repeat;
	background-color: #fff;
	font-weight: bold;
	}	

/**** Clear Div ***/


#clear {
	display: block;
	clear: both;
	width: 100%;
	height:1px;
	overflow:hidden;
}


/**** Footer ***/


#footer {
        margin: 40px auto 0 auto;
	text-align: center;
	border-top: dotted 1px gray;
	padding: 20px 0 20px 0;
	width: 70%;
}

#footer p {
	margin: 0px;
	padding: 0;
}

I'd really appreciate the help!
The attachment doesn't load.
Oh, sorry, should be working now.
Link to the site? I need to be able to see the source code to be able to help you.
Change this:

#wrap {
       margin-left: auto;
       margin-right: auto;
       width: 730px;
}

to something like this:

#wrap {
       margin-left: auto;
       margin-right: auto;
       width: 80%;
}

Just adjust the % and it should work.
Still doesn't work...sorry..

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><!-- start: index -->
<html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>AvidBlog Community</title>
<!-- start: headerinclude -->
<link rel="alternate" type="application/rss+xml" title="Latest Threads (RSS 2.0)" href="http://www.community.[URL]/syndication.php" />
<link rel="alternate" type="application/atom+xml" title="Latest Threads (Atom 1.0)" href="http://www.community.[URL]/syndication.php?type=atom1.0" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<script type="text/javascript" src="http://www.community.[URL]/jscripts/prototype.js?ver=1400"></script>
<script type="text/javascript" src="http://www.community.[URL]/jscripts/general.js?ver=1400"></script>
<script type="text/javascript" src="http://www.community.[URL]/jscripts/popup_menu.js?ver=1400"></script>
<link type="text/css" rel="stylesheet" href="http://www.community.[URL]/css.php?stylesheet=6" />

<script type="text/javascript">
<!--
	var cookieDomain = ".[URL]";
	var cookiePath = "/community/";
	var cookiePrefix = "";
	var deleteevent_confirm = "Are you sure you want to delete this event?";
	var removeattach_confirm = "Are you sure you want to remove the selected attachment from this post?";
	var loading_text = 'Loading. <br />Please Wait..';
	var saving_changes = 'Saving changes..';
	var use_xmlhttprequest = "1";
	var my_post_key = "89b2eb350f188429d0231acee7b8ef35";
	var imagepath = "images/GreenNight";
// -->
</script>

<!-- end: headerinclude -->
<script type="text/javascript">
<!--
	lang.no_new_posts = "Forum Contains No New Posts";
	lang.click_mark_read = "Click to mark this forum as read";
// -->
</script>
</head>
<body>
<!-- start: header -->
<head>
   <meta http-equiv="content-type" content="text/html;charset=utf-8" />
	<meta name="author" content="LoadFoO" />
	<meta name="description" content="Site description" />

	<meta name="keywords" content="key, words" />
	<title>LoadFoO [V2]</title>
	<link rel="stylesheet" type="text/css" href="http://[URL]/css/style.css" media="screen" />
	<link rel="shortcut icon" href="http://www.[URL]/favicon.ico" />
	<script type="http://www.[URL]/text/javascript" src="http://www.[URL]/js/textsizer.js"></script>
	<script type="http://www.[URL]/text/javascript" src="http://www.[URL]/js/rel.js"></script>
</head>

<body>
<div id="wrap">
<div id="top">
<h2><a href="#" title="Back to main page">AvidBlog </a></h2>
<div id="menu">
<ul>
<li><a href="http://www.[URL]">home</a></li>
<li><a href= "http://www.community.[URL]" class="current">community</a></li>
<li><a href="http://[URL]/signup.html">create a blog</a></li>
<li><a href="http://www.community.[URL]/tos.html">Terms of Service</a></li>
</ul>
</div>

</div><div id="content">

<div id="container">
<a name="top" id="top"></a>
<div id="header">
<!-- start: header_welcomeblock_guest -->
<table border="0" cellspacing="1" cellpadding="4" class="tborder">

<tr>



<td class="trow1" width="50%"><!-- start: nav -->
<div class="navigation">
<img style="vertical-align:bottom;" alt="" src="images/GreenNight/nav_start.gif"/><!-- start: nav_bit_active -->
<span class="active">AvidBlog Community</span>

<!-- end: nav_bit_active -->
</div>
<!-- end: nav -->

<td width="21%" class="trow2" style="font-size:11px">

<script type="text/javascript">

<!--

lang.username = "Username";

lang.password = "Password";

lang.login = "Login";

lang.lost_password = " <br /> <a
href=\"http://www.community.[URL]/member.php?action=lostpw\">Lost Password?<\/a>";

lang.register_url = " &mdash; <a
href=\"http://www.community.[URL]/member.php?action=register\">Register<\/a>";

// -->

</script>

<b><span id="quick_login">Hello There, Guest!
(<a href="http://www.community.[URL]/member.php?action=login"
onclick="MyBB.quickLogin(); return
false;">Login</a> &mdash; <a
href="http://www.community.[URL]/member.php?action=register">Register</a>)</span>

</b></td>

</tr>

</tbody>

</table>

<table class="tborder" border="0" cellspacing="0" cellpadding="0" align="center" style="border-top-width:0px">

<tr align="center">

<td class="tcat" align="center"><div style="text-align:
center; font-size: 11px;"><a
href="http://www.community.[URL]/member.php?action=register"><font
color="#ffffff"><b>Register

</b></a></font></td>

<td class="tcat" align="center"><div style="text-align:
center; font-size: 11px;"><a
href="http://www.community.[URL]/misc.php?action=help"><font
color="#ffffff"><b>Help

</b></a></font></td>

<td class="tcat" align="center"><div style="text-align:
center; font-size: 11px;"><a
href="http://www.community.[URL]/memberlist.php"><font
color="#ffffff"><b>Member List

</b></a></font></td>

<td class="tcat" align="center"><div style="text-align:
center; font-size: 11px;"><a
href="http://www.community.[URL]/calendar.php"><font
color="#ffffff"><b>Calendar

</b></a></font></td>

</tr>

</table>

</td>

</tr>

</tbody>

</table>
<!-- end: header_welcomeblock_guest -->
</div>
<div id="content">




<!-- end: header -->
<!-- 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="images/GreenNight/collapse.gif" id="cat_1_img" class="expander" alt="[-]" title="[-]" /></div>
<div><strong><a href="forumdisplay.php?fid=1">AvidBlog Information Desk</a></strong>&nbsp;&nbsp;<span class="smalltext"></span></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="images/GreenNight/off.gif" 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">Announcements</a></strong><div class="smalltext">Check here for the latest update on AvidBlog and AvidBlog Community. </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"><div style="text-align: center;">Never</div></td>
</tr>
<!-- end: forumbit_depth2_forum --><!-- start: forumbit_depth2_forum -->
<tr>
<td class="trow2" align="center" valign="top" width="1"><img src="images/GreenNight/off.gif" alt="Forum Contains No New Posts" title="Forum Contains No New Posts" class="ajax_mark_read" id="mark_read_3" /></td>
<td class="trow2" valign="top">
<strong><a href="forumdisplay.php?fid=3">User Feedback </a></strong><div class="smalltext">Got any comments about our service? Or do you have questions? Post them all here. </div>

</td>
<td class="trow2" valign="top" align="center" style="white-space: nowrap">0</td>
<td class="trow2" valign="top" align="center" style="white-space: nowrap">0</td>
<td class="trow2" valign="top" align="right" style="white-space: nowrap"><div style="text-align: center;">Never</div></td>
</tr>
<!-- end: forumbit_depth2_forum --><!-- start: forumbit_depth2_forum -->
<tr>
<td class="trow1" align="center" valign="top" width="1"><img src="images/GreenNight/off.gif" alt="Forum Contains No New Posts" title="Forum Contains No New Posts" class="ajax_mark_read" id="mark_read_4" /></td>
<td class="trow1" valign="top">
<strong><a href="forumdisplay.php?fid=4">Validation Support</a></strong><div class="smalltext">If you haven't received your validation email, post here for us to activate your account.</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"><div style="text-align: center;">Never</div></td>
</tr>
<!-- end: forumbit_depth2_forum -->
</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="images/GreenNight/collapse.gif" id="boardstats_img" class="expander" alt="[-]" title="[-]" /></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 (0 members, 0 of whom are invisible, and 1 guest).<br /></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 1 members registered.<br />
Please welcome our newest member, <b><a href="member.php?action=profile&amp;uid=1">K. Jenkins</a></b><br />
The most users online at one time was 1 on Yesterday at 06:20 AM
</span>
</td>

</tr>
<!-- end: index_stats -->
<tr>
	<td class="tfoot" style="text-align: right">
		<span class="smalltext">
			
			<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="images/GreenNight/on.gif" 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="images/GreenNight/off.gif" 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="images/GreenNight/offlock.gif" 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 -->
<div style="overflow:hidden;">
<div id="debug"></div>
</div>
</div>

			<div class="bottommenu">
				<div class="float_right"><!-- start: footer_languageselect -->
<form method="get" action="/index.php" id="lang_select">
		
		<select name="language" onchange="MyBB.changeLanguage();">
			<optgroup label="Quick Language Select">
				<option value="english" selected="selected">&nbsp;&nbsp;&nbsp;English (American)</option>

			</optgroup>
		</select>

		<!-- start: gobutton -->
<input type="submit" class="button" value="Go" />
<!-- end: gobutton -->
	</form>
<!-- end: footer_languageselect --></div>
				<div>
					<span class="smalltext"><a href="mailto:support@[URL]">Contact Us</a> | <a href="http://www.[URL]">AvidBlog</a> | <a href="#top">Return to Top</a> | <a href="#content">Return to Content</a> | <a href="http://www.community.[URL]/archive/index.php">Lite (Archive) Mode</a> | <a href="http://www.community.[URL]/misc.php?action=syndication">RSS Syndication</a></span>

			</div>
			</div>
		<hr class="hidden" />
			<div id="copyright">
				<!-- You may NOT remove, modify or hinder the visibility of the MyBB copyright at any time.
				     It must contain the links to the MyBB website and be formatted appropriately.

					 Failure to comply with the above will result in prosecution to the full extent of the law.
					 This is free software, support us and we'll support you. -->
Powered By <a href="http://www.mybboard.net" target="_blank">MyBB</a>, &copy; 2002-2009 <a href="http://www.mybboard.net" target="_blank">MyBB Group</a>. Theme made by <a href="http://community.mybboard.net/user-12419.html">computergeek67</a><br />

				<!-- End copyright -->
				<br />
<br class="clear" />
<!-- The following piece of code allows MyBB to run scheduled tasks. DO NOT REMOVE --><!-- End task image code -->

</div>
</div>
<!-- end: footer -->
</body>
</html>
<!-- end: index -->

Sorry, wish to keep the URL a secret for now.
Did Scoutie44's suggestion change anything?
No, I already tried that (changed it to 100%) before I posted this here.
Oh, and I'm using CoputerGeem67's GreenNight theme.
Sorry for bumping, but can anybody help me..?