Проблемы с позиционированием с CSS при отсутствии элементов страницы

Question

Существует определенный раздел моего сайта, который сломался из-за плохого CSS & PHP-кода, который я решил исправить сегодня. С удачей исправлено много всего (и изучил CSS на этом пути).

Исправленные страницы имеют динамический контент на них - такие же значки, как у нас здесь, в stackoverflow. В зависимости от уровня пользователя некоторые люди могут не иметь никаких значков.

Проблема заключается в том, что страницы с значками выглядят хорошо, те, которые не выглядят полностью разбитыми, а остальная часть содержимого на страницах смещается, когда нет значков.

Любые мысли о том, как мне его исправить?

CSS:

.ms-sellerprofile { 
    width: 100%; 
    align:center; 
} 

.ms-sellerprofile .seller-data { 
    width: 100%; 
    display: inline-block; 
    align:center; 
} 

.ms-sellerprofile .seller-data > div { 
    display: inline; 
    float: left; 
} 


.ms-sellerprofile .seller-data .avatar-box-img { 
    float:left; 
    width:250px; 
    display: inline-block; 
    margin-top:10px; 
    margin-bottom:10px; 

} 

.ms-sellerprofile .seller-data div.avatar-box { 
    margin-left: 10px; 
    width:250px; 
    text-align: left; 
    font-family: Helvetica, Arial, sans-serif; 
    font-size: 22px; 
    display: inline-block; 
    margin-top:10px; 
    margin-bottom:10px; 

} 

.ms-sellerprofile .seller-data .info-box { 
    margin-top: 10px; 
    margin-left: 290px; 
    text-align: right; 
    font-family: Helvetica, Arial, sans-serif; 
    font-size: 14px; 
} 

.ms-sellerprofile .seller-data div.ms-badges { 
    border: 0; 
    margin-left: -240px; 
    margin-top: 40px; 
} 

.ms-sellerprofile .seller-data div.info-box p { 
    margin: 5px 0; 
} 

.ms-sellerprofile .seller-data div.info-box a { 
    color: #38B0E3; 
    text-decoration: underline; 
} 

.ms-sellerprofile .seller-description { 
    clear: both; 
    margin: 40px 0; 
} 

PHP:

<div class="ms-sellerprofile"> 
    <div class="seller-data"> 
      <div class="avatar-box-img"><a href="<?php echo $seller['href']; ?>"><img src="<?php echo $seller['thumb']; ?>" /></a> 
      </div> 
      <div class="avatar-box"><a href="<?php echo $seller['href']; ?>"><?php echo $ms_catalog_seller_products; ?></a> 
      </div> 
      <div class="ms-badges"><?php foreach($seller['badges'] as $badge) { ?> 
       <img src="<?php echo $badge['image']; ?>" title="<?php echo $badge['description']; ?>" /></div> 
      <?php } ?> 


     <div class="info-box"> 
      <?php if ($seller['country']) { ?> 
       <p><b><?php echo $ms_catalog_seller_profile_country; ?></b> <?php echo $seller['country']; ?></p> 
      <?php } ?> 

      <?php if ($seller['company']) { ?> 
       <p><b><?php echo $ms_catalog_seller_profile_company; ?></b> <?php echo $seller['company']; ?></p> 
      <?php } ?> 

      <?php if ($seller['website']) { ?> 
       <p><b><?php echo $ms_catalog_seller_profile_website; ?></b> <?php echo $seller['website']; ?></p> 
      <?php } ?> 

      <!-- <p><b><?php echo $ms_catalog_seller_profile_totalsales; ?></b> <?php echo $seller['total_sales']; ?></p> --> 
      <p><b><?php echo $ms_catalog_seller_profile_totalproducts; ?></b> <?php echo $seller['total_products']; ?></p> 
     </div> 
    </div> 
</div> 

Answer 1

Вы должны обрабатывать случаи исключений в явном виде.

if($var==NULL){ 
    //html without using $var 
} 
else{ 
    //html with use of $var 
}