У меня есть проект gwt, в котором есть панель, в которой я добавил имя стиля под названием «док». Когда я открываю свое приложение в Firefox, все в порядке, но в Chrome, Safari и IE фон не завершен. Это мой код css:
.dock {
background: #e3e8f3 url(img/hborder.png) repeat-x 0px -1000px;
padding: 4px 4px 4px 8px;
width: 100%;
margin: 0;
position: relative;
}
Вот как это выглядит в Firefox (должно быть так) Скриншот
А вот так это выглядит в других браузерах, таких как chrome: скриншот
Любые идеи, как это исправить? Заранее спасибо.
[РЕДАКТИРОВАТЬ:]
Это HTML-код, сгенерированный gwt:
<table cellspacing="0" cellpadding="0" class="dock" style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;">
<tbody>
<tr>
<td align="left" style="vertical-align: top;">
<button type="button" class="gwt-Button gwt-Button-helpButton" title="Zoek hulp"></button>
</td>
<td align="left" style="vertical-align: top;">
<button type="button" class="gwt-Button gwt-Button-browseButton" title="Blader door de database."></button>
</td>
<td align="left" style="vertical-align: top;">
<button type="button" class="gwt-Button gwt-Button-statButton" title="Laat populaire boeken zien"></button>
</td>
<td align="left" style="vertical-align: top;">
<button type="button" class="gwt-Button gwt-Button-search" title="Zoek een boek"></button>
</td>
<td align="left" style="vertical-align: top;">
<input type="text" class="gwt-TextBox gwt-TextBox-searchQuery">
</td>
</tr>
</tbody>
</table>
Я заметил, что с firebug панель также имеет эту разметку css (эта разметка автоматически добавляется при компиляции в gwt).
element.style {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
