2014-05-21 1 views
0

내 웹 사이트에서 아랍어/영어를 사용하고 있습니다. 아랍어/영어Chrome의 인식 할 수없는 상단 공간

한국어 버전 : 모든 것이 정상입니다. 단지 크롬에 웹 사이트를 열 경우에만 온라인 여기를 확인할 수있는 경우

나는 (아랍어), 아랍어 버전의 문제에 직면하고 있습니다 : 당신은 헤더 위의 상단 여백을 볼 수

Here

, 내가 ' 그것을 제거하려고하지만 그것을 어디에서 오는 모르겠지만 그것은 영어 버전에서 성공적으로 제거했습니다

그것은 .header-wrapper 클래스를 시작합니다.

HTML 코드 :

<div class="header-wrapper"> 
    <div id="welcome"> 
      <form action="http://staging.wain.com.kw/index.php?route=module/language" method="post" id="language_form" enctype="multipart/form-data"> 
    <div id="language"> 

<a title="English" onclick="$('input[name=\'language_code\']').attr('value', 'en'); $('#language_form').submit();"> 
    English 
</a> 



    <input type="hidden" name="language_code" value=""> 
    <input type="hidden" name="redirect" value="http://staging.wain.com.kw/index.php?route=common/home"> 
    </div> 
</form> 
          <span>مرحبا بالزائر يمكنك</span><a href="http://staging.wain.com.kw/index.php?route=account/login">تسجيل الدخول</a><b>أو</b><a href="http://staging.wain.com.kw/index.php?route=account/register">تسجيل جديد</a>     
      <div class="links"> 
      حسابي  <ul> 
      <li><a href="http://staging.wain.com.kw/index.php?route=account/account">حسابي</a></li> 
      <li><a href="http://staging.wain.com.kw/index.php?route=checkout/cart">سلة الشراء</a></li> 
      <li><a href="http://staging.wain.com.kw/index.php?route=onecheckout/checkout">إكمال الطلب</a></li> 
      </ul> 
      </div> 
      <a href="index.php?route=product/compare" id="comparelist">قائمة المقارنة</a> 
      <a href="http://staging.wain.com.kw/index.php?route=account/wishlist" id="wishlist-total">قائمة رغباتي (0)</a> 

    </div> 
    <div id="header" class="sunset"> 

       <div id="menu"> 
     <span>Menu</span> 
      <ul> 
      <li class="home"><a title="الرئيسية" href="http://staging.wain.com.kw/index.php?route=common/home"><span><i class="icon-home"></i></span></a></li> 
         <li><a href="http://staging.wain.com.kw/index.php?route=product/category&amp;path=70">أكواب</a> 
         </li> 
         <li><a href="http://staging.wain.com.kw/index.php?route=product/category&amp;path=67">الإكسسوارات</a> 
         </li> 
         <li><a href="http://staging.wain.com.kw/index.php?route=product/category&amp;path=68">بوستر</a> 
         </li> 
         <li><a href="http://staging.wain.com.kw/index.php?route=product/category&amp;path=74">سماعات</a> 
         </li> 
         <li><a href="http://staging.wain.com.kw/index.php?route=product/category&amp;path=73">ملابس</a> 
          <div> 
           <ul> 
                    <li><a href="http://staging.wain.com.kw/index.php?route=product/category&amp;path=73_64">تي شيرت (19)</a></li> 
                    <li><a href="http://staging.wain.com.kw/index.php?route=product/category&amp;path=73_66">طويلة الأكمام (2)</a></li> 
                    <li><a href="http://staging.wain.com.kw/index.php?route=product/category&amp;path=73_71">قبعات (2)</a></li> 
                    <li><a href="http://staging.wain.com.kw/index.php?route=product/category&amp;path=73_65">هودي (3)</a></li> 
               </ul> 
           </div> 
         </li> 
         <li><a href="http://staging.wain.com.kw/index.php?route=product/category&amp;path=69">ملصقات</a> 
         </li> 
         </ul> 
     </div> 



       <div id="logo"><a href="http://staging.wain.com.kw/index.php?route=common/home"><img src="http://staging.wain.com.kw/image/data/logo2.png" title="WAIN" alt="WAIN"></a></div> 

     <div id="cart"> 
    <div class="heading"> 
    <h4><i class="icon-shopping-cart"></i><!--سلة الشراء--></h4> 
     <a><span id="cart-total">سلة الشراء فارغة!</span></a></div> 
     <div class="content"> 
     <div class="empty">سلة الشراء فارغة!</div> 
     </div> 
</div> </div> 
</div> 

CSS 코드 :

.header-wrapper { 
max-width: 1200px; 
margin: 0px auto 0px; 
} 

감사합니다.

+0

뭔가 잘못이다''당신이 바로 그것을 폐쇄 aint을 때문에'body'와'head'가 서로 mixedup 있습니다 .. –

+1

이 행해져 Yout HTML이 엉망이된다. 당신의''은 emplty이고'body' 태그는 Js, CSS 등을 포함하는'head '에 있어야 할 모든 것을 가진 것처럼 보입니다. –

+0

validator를 통해 코드를 실행 해보십시오. – j08691

답변

0

<body> 태그 바로 뒤에는 공백이 많이 있습니다. 그것을 제거하면 공간이 없어집니다.

장래에 이러한 문제가 발생하지 않도록 가능한 한 깨끗하게 마크 업하는 것이 좋습니다.

0
<body> 




<meta charset="UTF-8"> 

태그 뒤에는 공백 문자 (body)가 있습니다. 여백 위쪽을 피하려면 그 여백을 제거해야합니다.

enter image description here