broken
ment to look like
i am having a problem with my css where instead of the element being at the bottom with the border going all the way with it to the bottom it instead stops where the content stops.
heres the css
HTML:
/* Threads for forum threads and comments */
.thread_container {
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
margin-top: 5px;
border: 1px solid #999;
display: block;
overflow: hidden;
}
.thread_title {
display: inline;
padding: 5px;
border-bottom: 1px solid #999;
display: block;
overflow: hidden;
color: #666;
background-color: #e5ffe5;
font-size: .8em;
}
.thread_subject {
float: left;
}
.thread_number {
float: left;
font-size: .6em;
}
.thread_right {
float: right;
}
.thread_inner_container {
height: 100%;
width: 100%;
}
.thread_userstats {
height: 100%;
font-size: .8em;
float: left;
width: 150px;
background-color: #ffddff;
border-right: 1px solid #999;
}
.thread_body {
margin: 2px;
width: 560px;
float: right;
}
.thread_avatar {
border: 1px solid #999;
width: 110px;
margin: 2px auto 0px auto;
}
.thread_username {
text-align: center;
width: 150px;
margin: 2px auto 0px auto;
}
.thread_userrank {
color: #888;
text-align: center;
width: 150px;
margin: 2px auto 0px auto;
}
.thread_usertools {
text-align: center;
width: 148px;
padding: 1px;
background-color: #fff;
border-top: 1px solid #999;
margin: auto auto 0px auto;
}
/* End of Thread styleing */and the html for reference
PHP:
function forum_thread($row, $number) {
// Function for displaying a thread //
// Begin output of the thread //
// ************************** //
// The container //
echo '<div class="thread_container">';
// Send the date for processing and return it //
$date = date_convert($row['date']);
// End of date processing //
// The header contains the subject, post date and the thread number //
echo ' <div class="thread_title">
<div class="thread_subject">Subject: '.$row["subject"].'
<span class="thread_number">'.$date.'</span></div>
<span class="thread_right">#'.$number.'</span>
</div>';
// Returns ether the users avatar or the no avatar if the user has none
if ($row['avatar'] == '' || $row['avatar'] == 'not entered')
{
$avatar = '<img width="110px" src="../images/avatars/no_log.jpg" alt="No profile image" />';
}
else
{
$avatar = '<img width="110px" src="../images/avatars/'.$row["avatar"].'" alt="'.$row["avatar"].'\'s avatar" />';
}
// The profile and mail me variables //
$mail_me = '<a href="../mail/compose.php?user=%s">
<img src="../images/layout/mail_new.png" alt="mail" height="14px" hspace="5px">
</a>';
$my_profile = '<a href="../user_service/user_profile.php?&user=%s">
<img src="../images/layout/friends.jpg" alt="profile" height="20px">
</a>';
// inner containing element for the thread //
echo '<div class"thread_inner_container">';
// Returns the poster information //
echo '<div class="thread_userstats">';
echo '<div class="thread_avatar">'.$avatar.'</div>';
echo '<div class="thread_username">'.$row['username'].'</div>';
echo '<div class="thread_userrank">'.user_rank($row['username']).'</div>';
echo '<div class="thread_usertools">'.$mail_me, $my_profile.'</div>';
echo '</div>';
// The body text of the thread, comment for comments and body for forum topics //
echo '<div class="thread_body">';
if (isset($row["comment"]))
{
$body = $row["comment"];
}
else
{
$body = $row["post"];
}
$quote_start = "\[quote\]";
$string = $body;
$new_string = preg_replace("/".$quote_start."/i", "<div class=\"quote\">", $string);
$stingie = $new_string;
$quote_end = "\[\/quote\]";
$com_string = preg_replace("/".$quote_end."/i", "</div>", $stingie);
if ($com_string == "") {
$com_string = $body;
}
echo stripslashes($com_string);
echo '</div>';
// The edit button //
/*if ($usrname == $row["username"] || $session->userlevel == '8' || $session->isAdmin())
{
echo '<span class="button"><a href="edit_comment.php?id='.$row["id"].'">Edit</a></span>';
}
// The delete button //
if ($session->userlevel == '8' || $session->isAdmin())
{
echo '<span class="button"><a href="show_comments.php?id=$id&delete='.$row["id"].'">Delete</a></span>';
}*/
// end of the inner container //
echo '</div>';
// End of container //
echo '</div>';
// End function //
}
