Problem mit die Staffpage

Guten Tag RT, wenn ich z.B. nur einer einen Rank gebe sieht es so aus:

7890.PNG

Aber wenn ich mehrere Leute den selben Rank gebe sieht es so aus:

23456.PNG

Wie kann ich das beheben??

Php-code:

Zitat von Tafelglotzer

Versuch so:

Spoiler anzeigen

PHP

<?php
require_once('./data_classes/server-data.php_data_classes-core.php.php');
require_once('./data_classes/server-data.php_data_classes-session.php.php');
$sql_1 = mysql_query("SELECT username,userid,figure FROM cms_staffpage ORDER BY userid");
$sql_2 = mysql_query("SELECT userid,figure,leftpx,toppx FROM cms_staffpage ORDER BY userid");
$sql_3 = mysql_query("SELECT userid,toppx FROM cms_staffpage ORDER BY userid");
$sql_4 = mysql_query("SELECT username,userid,leftpx,toppx,figure FROM cms_staffpage ORDER BY userid");
$pagename = "Staffs";
$pageid = "21";
include('templates/community_subheader.php');
include('templates/community_header.php');
?>
<link type="text/css" href="/habblet/staff/grid.css">
<link type="text/css" rel="stylesheet" href="/habblet/staff/b29e71b33c3c5b6ac85a204d795e64f3.css">
<div style="clear:both;" rel="clear:both;"></div>
<style>
.aiundsobyremo {
background: rgb(52, 73, 94);
color: #FFF;
float: left;
width: 93.5%;
padding-left: 15px;
height: 30px;
line-height: 30px;
text-align: center;
margin-top: 10px;
margin-bottom: -5px;
letter-spacing: 0.5px;
border-bottom: 3px solid rgba(0, 0, 0, 0.14);
border-radius: 2px;
margin-left: 15px;
}
</style>
<div id="main" class="container_12 fadeIn animated">
<div class="grid_9">
<div class="boxd" style="height: 645px; margin-top: 0px;">
<div class="box_remotey">
<div class="icone" style="background-color: #446a8c;background-image: url(i.imgur.com/JHWkGrX.png);"></div>
<div class="remotey"><div></div>Mitarbeiter</div>
<div class="titulo_kacken" style="margin-top: 3px;color: #666666;font-family: 'Segoe UI',sans-serif;font-size: 13px;padding-right: 16px;
">Diese Gesichter stecken hinter dem Hotel</div>
<div class="clearfix"></div>
</div>
<div class="aiundsobyremo">Projektleitung</div>
<?php
$i = 0;
$getem = mysql_query("SELECT * FROM ranks WHERE id < 8 ORDER BY id DESC LIMIT 1") or die(mysql_error());
while ($rank = mysql_fetch_assoc($getem)) {
?>
<?php
$userdata = mysql_query("SELECT * FROM users WHERE rank = '".$rank['id']."' ORDER BY last_online DESC");
while($row = mysql_fetch_assoc($userdata)){
$i++;
$get_groups = mysql_query("SELECT * FROM group_members WHERE id_user = '".$row['id']."' AND is_current = '1'");
$members_row = mysql_fetch_assoc($get_groups);
if($row['online'] == "1"){
$image = "online_anim_big2";
} else {
$image = "offline_big2";
}
if(IsEven($i)){
$even = "even";
} else {
$even = "odd";
}
?>
<div class="boxd_rembest">
<div class="staffavatar" style="opacity:1;background-image:url(
avatar-retro.com/habbo-imaging/avatarimage?figure=<?php echo $row['look']; ?>&head_direction=3&action=wlk&size=m&gesture=sml);"></div>
<div class="boxdremote"><?php echo $row['username']; ?></div>
<!-- Clearfix -->
<div class="clearfix"></div>
<div class="boxdremote2">Projektleiter, Techniker</div>
<?php } ?>
</div>
<?php } ?>
<div style="background: #2583be;" class="aiundsobyremo">Community Management</div>
<div class="boxd_rembest">
<div class="staffavatar" style="opacity:1;background-image:url(
avatar-retro.com/habbo-imaging…on=wlk&size=m&gesture=sml);"></div>
<div class="boxdremote">Sepo</div>
<div class="boxdremote2">Communitymanagement</div>
</div>
<div style="background: #9eba32;" class="aiundsobyremo">Moderation</div>
</div>
</div>
<div class="grid_2">
<div class="boxd" style="height: 645px;width: 220px; margin-top: 0px;">
<div class="box_remotey">
<div class="icone" style="background-color: #9eba32;background-image: url(i.imgur.com/e9MyS8B.gif);"></div>
<div class="remotey"><div></div>Ehrenamt</div>
<div class="titulo_kacken" style="margin-top: 3px;color: #666666;font-family: 'Segoe UI',sans-serif;font-size: 13px;padding-right: 16px;
">Helfende Hände</div>
<div class="clearfix"></div>
</div>
<div class="aiundsobyremo" style="width: 175px; background: rgba(73,73,73,1);">Ehrenamt</div>
<div class="boxd_rembest" style="width: 190px;">
<div class="staffavatar" style="opacity:1;background-image:url(
);"></div>
<div class="boxdremote"></div>
<div class="boxdremote2"></div>
</div>
</div>
</div>
<div class="grid_12 animated fadeInLeft">
<div class="container_12">
<span id="footer">

Alles anzeigen

Hat nix gebracht.

Hat sogar das Design verschlechtert.

123.PNG

456.PNG

Zitat von Revue

Du hast irgendwo ein </div> zu viel, weshalb sich die Boxen ineinander verschieben

Jagut, ka aber wo.