I have a problem with the divs on my site, here is the URL to the page
http://www.hiphoplegacy.net/index2.php?id=...&page=index.php
As you may have noticed, the board stats on the right is lower than the one on the left, i'd like to know how to make them both on the same line, if anyone can help it'd be greatly appreciated, here's the codes that may help.
index2.php content area
Code:
<div id="content">
<?
if (isset($_GET['page']) && isset($_GET['id']) && file_exists('content/'.$_GET[id].'/'.$_GET[page].'.php')) {
include 'content/'.$_GET[id].'/'.$_GET[page].'.php';
}
else {
include "content/news.php";
}
?>
</div>
news.php
Code:
<?
// Load and Start IPB SDK
require_once "ipbsdk/ipbsdk_class.inc.php";
$SDK =& new IPBSDK();
// Grab Statistics
$stats = $SDK->get_board_stats();
// do some math and date formatting
$total = $stats['total_topics'] + $stats['total_replies'];
$stats['most_online_date'] = $SDK->ipbsdk_date($stats['most_online_date'], "M j Y, h:i A");
// Display Them
echo <<<HTML
<div id="contentboxtop">Board Stats</div><br /><br />
<div id="contentbox">
Total forum posts:<strong>{$total}</strong> posts.
<br />Total members:<strong>{$stats['mem_count']}</strong>
<br />Newest member:<a href="{$board_url}/index.php?showuser={$stats['last_mem_id']}">{$stats['last_mem_name']}</a>.
</div>
HTML;
?>
<?
// Load and Start IPB SDK
require_once "ipbsdk/ipbsdk_class.inc.php";
$SDK =& new IPBSDK();
// Grab Statistics
$stats = $SDK->get_board_stats();
// do some math and date formatting
$total = $stats['total_topics'] + $stats['total_replies'];
$stats['most_online_date'] = $SDK->ipbsdk_date($stats['most_online_date'], "M j Y, h:i A");
// Display Them
echo <<<HTML
<div id="contentboxtop2">Board Stats</div><br /><br />
<div id="contentbox2">
Total forum posts:<strong>{$total}</strong> posts.
<br />Total members:<strong>{$stats['mem_count']}</strong>
<br />Newest member:<a href="{$board_url}/index.php?showuser={$stats['last_mem_id']}">{$stats['last_mem_name']}</a>.
</div>
HTML;
?>
css info for contentboxtop2 and contentbox
Code:
div#contentbox {
background-color: #060709;
float: left;
width: 200px;
color: #FFFFFF;
font-family: Verdana, Tahoma;
border-bottom: 1px dotted #CCCCCC;
}
div#contentboxtop {
float: left;
width: 200px;
background-color: #202125;
color: #FFFFFF;
font-family: Verdana, Tahoma;
font-size: 14px;
border-bottom: 1px dotted #CCCCCC;
}
Thanks to anyone who can help me out, it's greatly appreciated
Spekta