Я настроил ячейку таблицы заголовков, которая имеет CSS, чтобы автоматически изменять размер таким образом, чтобы фоновое изображение оставалось с надлежащим разрешением. Однако теперь я не могу получить панель навигации. Я хочу в верхней части изображения , чтобы оставить нижнюю часть ячейки.
<table width="100%" border="1" id="header">
<tbody>
<tr>
<th valign="top" id="headtable">
<nav>
<ul>
<li>ABOUT</li>
<li>WORK</li>
<li>PORTFOLIO</li>
<li>SERVICES</li>
<li>CLIENTS</li>
<li>CONTACT</li>
</ul>
</nav>
</th>
</tr>
#image {
width: auto;
max-width: 100%;
max-height: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
}
#headtable {
background-size: 100% 100%;
background-repeat: no-repeat;
width: 100%;
padding-top: 66.67%;
background-image: url(../Desktop/titleimage.jpg);
vertical-align: top
}