HTML/CSS Positionierung der Tabellen

Question

Ich habe eine ziemlich schöne HTML und CSS-Anwendung/ERP, die wirklich gut funktioniert. Es heißt "ERPNext" und die Anpassungsoptionen sind wirklich großartig.

Aber nicht zurück zum Thema. Ich habe es geschafft, alles an Ort und Stelle zu bringen. Mein Ausdruck sieht auch wirklich gut aus trotz einer speziellen Sache.

Das ist mein CSS für die Seite - das funktioniert:

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; 

Ich habe einen „Header“ erstellt, die über die gesamte Breite erstreckt und beginnt bei 0,0 Zoll horizontal und vertikal. Aber andererseits hätte ich gerne einen "Fuß" (Tisch). Dies sollte positioniert werden:

10.9in bis 11.69in in der Höhe und 0.0in bis 8.3in in der Breite (Breite: 100%).

Gibt es eine Chance, diese Tabelle genau dort zu platzieren? Im Moment ist der Tisch positioniert ist, wo das Dokument endet ... je könnte ...

Best, Dan

Answer 1

Versuchen Sie, diese CSS für die untere Tabelle (die "Footer")

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

Hier ist eine Geige - https://jsfiddle.net/Lj1xhu2f/2/. Versuchen Sie, jedem "Fußzeile" die gleichen Stilattribute zu geben