HTML/CSS Позиционирование таблиц

Question

У меня довольно приятное приложение HTML и CSS/ERP, которое работает очень красиво. Он называется «ERPNext», и параметры настройки действительно велики.

Но не вернемся к теме. Мне удалось получить все на своем месте. Моя распечатка также выглядит действительно хорошо, несмотря на одну особую вещь.

Это мой CSS для страницы - которая работает:

background-color: white; 
box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.5); 
width: 8.3in; 
height: 11.69in; 
padding: 0.0in; 
margin: auto; 

Я создал «заголовок», который охватывает по всей ширине и начинается с 0,0 дюйма по горизонтали и по вертикали. Но, с другой стороны, я хотел бы иметь «нижний колонтитул» (таблица). Это должно быть расположено по адресу:

10.9in до 11.69in в высоту и 0.0in до 8.3in в ширину (ширина: 100%).

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

Best, Dan

Answer 1

Попробуйте CSS для нижней таблицы («колонтитула»)

background-color: #000000 !important; 
height: 0.7in; 
position: absolute; 
top: 10.9in; 
width: 7.55in; 
padding: 0; 
margin: 0; 

Вот скрипка - https://jsfiddle.net/Lj1xhu2f/2/. Постарайтесь дать каждому слою те же атрибуты стиля