2013-03-07 1 views
1

У меня есть простой скрипт, который отображает HTML файлApps сценарий 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> 

он выводит данные следующим образом:

whitespace

Я пробовал устанавливать все комбинации полей/paddings на элементах, но ничего избавляется от пробелов сверху. Когда я помещаю тот же самый код в файл hane jane jane, он работает отлично.

ответ

1

Im угадываю Каха добавляет пробелы в верхней части, это CSS удалены пробельные для меня:

* { 
    margin: 0; 
    } 

также для тех, кому интересно это, как я получил его занять все окно браузера:

html { 
    height:100%; 
    } 
    body{ 
    height:100%; 
    } 
Смежные вопросы