기타 오류 수정

theme/basic/skin/connect/basic/current_connect.skin.php

@@ -6,7 +6,7 @@ add_stylesheet('<link rel="stylesheet" href="'.$connect_skin_url.'/style.css">',
 ?>
 
 <!-- 현재접속자 목록 시작 { -->
-<div  id="current_connect">
+<div id="current_connect">
     <ul>
     <?php
     for ($i=0; $i<count($list); $i++) {
@@ -16,11 +16,18 @@ add_stylesheet('<link rel="stylesheet" href="'.$connect_skin_url.'/style.css">',
         // 이 조건문은 가능한 변경하지 마십시오.
         if ($list[$i]['lo_url'] && $is_admin == 'super') $display_location = "<a href=\"".$list[$i]['lo_url']."\">".$location."</a>";
         else $display_location = $location;
+
+        $classes = array();
+        if( $i && ($i % 4 == 0) ){
+            $classes[] = 'box_clear';
+        }
     ?>
-        <li>
-            <span class="crt_num"><?php echo $list[$i]['num'] ?></span>
-            <span class="crt_name"><?php echo get_member_profile_img($list[$i]['mb_id']); ?><br><?php echo $list[$i]['name'] ?></span>
-            <span class="crt_lct"><?php echo $display_location ?></span>
+        <li class="<?php echo implode(' ', $classes); ?>">
+            <div class="inner">
+                <span class="crt_num"><?php echo $list[$i]['num'] ?></span>
+                <span class="crt_name"><?php echo get_member_profile_img($list[$i]['mb_id']); ?><br><?php echo $list[$i]['name'] ?></span>
+                <span class="crt_lct"><?php echo $display_location ?></span>
+            </div>
         </li>
     <?php
     }

theme/basic/skin/connect/basic/style.css

@@ -1,8 +1,12 @@
 @charset "utf-8";
 
-#current_connect li{width:219px;background:#fff;float:left;border:1px solid #d8d8d8;margin-left:10px;margin-bottom:10px;text-align:center;position:relative}
-#current_connect li:nth-child(4n+1){clear:both;margin-left:0}
-#current_connect .crt_name {margin:20px;display:block}
+#current_connect ul{margin:0 -10px 0;padding:0;list-style:none;zoom:1}
+#current_connect ul:after{display:block;visibility:hidden;clear:both;content:""}
+#current_connect li{position:relative;min-height:1px;padding-left:10px;*padding-left:0;padding-right:10px;*padding-right:0;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:0}
+#current_connect li{width:25%}
+#current_connect li.box_clear{clear:both}
+#current_connect li .inner{position:relative;border:1px solid #d8d8d8;background:#fff;margin-bottom:10px;text-align:center}
+#current_connect .crt_name {margin:20px 20px 15px;display:block;min-height:88px}
 #current_connect .crt_name img{ border-radius:50%;margin: 0 0 5px}
 #current_connect .crt_lct{display:block;text-align:center;border-top:1px solid #ddd;padding:10px 5px;line-height:1.4em}
 #current_connect .crt_lct a{color:#3ca1ff}

theme/basic/skin/outlogin/basic/style.css

@@ -39,7 +39,7 @@ box-shadow: -2px -2px 5px rgba(0,0,0,0.1);}
 #ol_after_private li {margin-bottom:1px;position:relative;float:left;width:33.333%;text-align:center}
 #ol_after_private a {display:block;color:#444;line-height:20px;height:60px;border-left:1px solid #e8e8e8;padding:10px 0;}
 #ol_after_private li:first-child a{border-left:0}
-#ol_after_private a strong {display:inline-block;background:#7587a2;color:#fff;padding:0 8px;border-radius:15px;font-size:0.92em;box-shadow:inset 2px 1px 3px rgba(0,0,0,0.2)}
+#ol_after_private a strong {display:inline-block;max-width:87px;overflow:hidden;white-space:nowrap;text-overflow:clip;background:#7587a2;color:#fff;padding:0 8px;border-radius:15px;font-size:0.92em;box-shadow:inset 2px 1px 3px rgba(0,0,0,0.2)}
 #ol_after_private a strong.scrap{padding:0 14px}
 #ol_after_private a:hover strong{background:#4b8bff}
 #ol_after_private li a:hover{color:#4b8bff;background:#f1f1f1}