Переместить страницу вниз, чтобы разрешить заголовок

Question

Я работаю с программой, которая позволяет мне добавлять содержимое в ячейку в таблицу. Однако все типы контента разрешены, поэтому я добавил ссылку на таблицу стилей, которая позволяет мне повторно использовать приложение.

Приложение доступно через веб-браузер внутри нашей организации, используя в основном IE8 и IE10, а также интерфейс приложения, который использует режим IE7. Поэтому он должен быть совместим со всеми этими режимами браузера при различных разрешениях экрана.

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

<table width="60%"> 
    <tbody> 
     <tr> 
      <td> 
       Here is my content 
      </td> 
     </tr> 
    </tbody> 
</table> 
Rest of page content here 

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

В HTML я получаю к входу

<img src="/pathtoimage.png" class="newhead"> 

CSS

.newhead 
{ 
    width: 100%; 
    position: absolute; 
    top: 0; 
    left: 0; 
    z-index: -100; 
} 

Поскольку графический объект удален из потока документов, остальная часть содержимого страницы хочет показать t за графикой.

Поскольку график будет меняться высотой, в зависимости от размера браузера (при пропорциональной настройке по ширине), контент должен опуститься на ту же сумму.

Любые советы приветствуются, как наилучшим образом выполнить это. Я пытаюсь понять, как это сделать, и работать с режимом IE7 (знаю, я знаю)

Что я пытаюсь использовать прозрачное изображение, которое составляет 60% ширины графического заголовка (такая же высота) - таким образом, он будет пропорционально пропорционировать вместе с графикой заголовка), но заставляя его правильно заполнять таблицу или оставаться на уровне 60% или делать что-либо в соответствии с планом, оказалось, что он не работает.

Снова благодарим вас за помощь

Answer 1

Зачем делать положение абсолютным? Вы можете изменить сторону заголовка и надавить на какой бы размер он ни был.

.newhead 
{ 
    width: 100%; 
    display: block; 
} 

и в случае, если вы хотите избавиться от заполнения по умолчанию:

body 
{ 
    margin: 0; 
    padding: 0; 
}