2013-05-10 4 views
0

Что может возможная причина пробел в верхней части страницыпустое белое пространство в верхней части веб-страницы

Я хочу, чтобы предоставить фотографии разъяснений, но из-за низкой репутации в StackOverflow я не мог загрузить его. Я использую Smarty в качестве механизма шаблонов php.

<html> 
    <head> 
     {include file="_js.tpl"} 
     <title>{$title|escape}</title> 
     <meta http-equiv="content-type" content="text/html; charset=utf-8"> 
     {literal} 
      <style type="text/css"> 
       body{ 
        margin:0; 
        padding:0; 
        display: block; 
        font-family: arial; 
       } 

       #main_iframe 
       { 
        position: relative; 
        width: 100%; 
        height:665px; 
        border:0px;   
       } 

       #iframe_setting{ 
        padding-left: 220px; 
        background: url('{/literal}{$vir_img}{literal}background.png'); 
       } 
       #content-wrapper{ 
        height: 665px; 
        padding-left: 10px; 

       } 

      </style> 

      <script type="text/javascript"> 
       $(document).ready(function(){ 
        $("button#logout").click(function(){ 
         window.location = "{/literal}{$url_app}{literal}?m=account&c=do_logout"; 
        }); 

       }); 

       function go(loc) 
       { 
        document.getElementById('main_iframe').src=loc; 
       } 

       function go3(loc) 
       { 
        document.getElementById('iframeid').src=loc; 
       } 
      </script> 
     {/literal} 
    </head> 
     <body>{include file="header.tpl"} 
       <div style="position:absolute;z-index: 999;"> 
        {include file="sidebar.tpl"} 
       </div> 
        <div id="iframe_setting"> 
         <div id="content-wrapper"> 
          {$content} 
         </div> 
        </div> 
        {include file="footer.tpl"} 
     </body> 
</html> 
+3

Пожалуйста, разместите созданный HTML. Вы можете включить ссылку на свой образ, и кто-то с достаточным количеством rep может вставить его. – j08691

+0

вы можете использовать любой сброс css. просто google «css reset» или вы можете сделать body, html {margin: 0; обивка: 0; } –

+0

https://www.dropbox.com/s/htvxc9vkm45bryn/Screenshot%20from%202013-05-10%2010%3A46%3A05.png – user10908

ответ

1

Использование notepad++, убедитесь, что все файлы, включенные в этот файл, а также само по себе, являются «Кодировать в UTF-8 без BOM». Чтобы сделать это, выполните следующие ниже:

В Notpad ++ -> (меню) Кодировка -> (клик) Кодировать в UTF-8 без BOM

Это обычно происходит, если вы использовали UTF8 символы и сохранили файл, как UTF8. Тогда будет три невидимых символа, которые вызывают это пустое пространство.

+0

ЭТО РАБОТАЕТ !!!!! БЛАГОДАРИМ ВАС ТАК ЕЩЕ ... Я потратил 2 дня на решение этой проблемы – user10908

Смежные вопросы