在頂部

Google Apps腳本的HTML服務的空白我有一個顯示一個HTML文件在頂部

function doGet(e) { 
    return HtmlService.createTemplateFromFile('Final Contract Agreement').evaluate(); 
}

和corrasponing HTML一個簡單的腳本：

<html> 
    <head> 
    <style type="text/css"> 
    #content{ 
      padding :0 0; 
      margin : 0 auto; 
      width: 800px; 
      height : 600px; 
      background: #FFFFFF; 
    } 
    body{ 
     background: #dbdad4; 
     margin : 0; 
    } 
    #header{ 
     width: 100%; 
     height: 82px; 
     background: #4F2170; 
     background-repeat:no-repeat; 
    } 
    #header h1{ 
     vertical-align:middle; 
     text-align:right; 
     color: white; 
     padding-right: 50px; 
    } 
    </style> 
</head> 
<body> 
    <div id="header"> 
     <h1> 
     Contract Form 
     </h1> 
    </div> 
    <div id="content"> 
     <h3> 
     Hello World! 
     <?= new Date() ?> 
     </h3> 
    </div> 
    </body> 
</html>

它。OUPUTS這樣的：

whitespace

我曾嘗試設置元素上的邊距/填充的所有組合，但沒有任何正在擺脫頂部的空白。當我把相同的代碼放在一個平面jane html文件中時，它工作得很好。

來源

2013-03-07 Professor Allman

即時猜測卡哈被添加空格頂端，這個CSS刪除我空白：

* { 
    margin: 0; 
    }

也爲那些想知道這是我如何得到它佔據整個瀏覽器窗口：

html { 
    height:100%; 
    } 
    body{ 
    height:100%; 
    }

來源

2013-03-07 17:54:00

回答

相關問題