Seitenformat A6

[Dina]

Ich habe jetzt einfach folgendes CSS verwendet:

  
  
#ekblogo,  
#portal-globalnav,  
#portal-personaltools,  
#portal-column-one,  
#portal-column-two,  
#portal-breadcrumbs,  
#portal-footer,  
#kss-spinner,  
#banner,  
#sea-mandant,  
#logo-right,  
.contentViews,  
.contentActions,  
.hiddenStructure,  
.documentByLine,  
.documentActions,  
.portletWrapper{  
    display: none;  
}  
  
@page  
{  
 size:  A5;  
 margin: 10mm 10mm 10mm 10mm;  
  
 @top-left {  
  font-family: Verdana, Lucida, sans-serif;  
  font-size: 10pt;  
 }  
 @top {  
  content: string(doctitle);  
  font-family: Verdana, Lucida, sans-serif;  
  font-size: 10pt;  
  border-bottom: 1px solid black;  
 }  
 @top-right {  
  content: string(mand);  
  font-family: Verdana, Lucida, sans-serif;  
  font-size: 10pt;  
 }  
 @bottom {  
  font-family: Verdana, Lucida, sans-serif;  
  font-size: 10pt;  
  content: counter(page);  
 }  
}  
  
@page:first {  
 @top {  
  content: normal;  
 }  
 @bottom {  
  content: normal;  
 }  
}  
  
body  
{  
 background-color: #ffffff;  
 font-family: Verdana, Lucida, sans-serif;  
 counter-reset: Ebene01;  
 font-size: 0.7em;  
}  
  
.documentFirstHeading {  
 font-size: xx-large !important;  
 text-align: center;  
}  
  
.arabic a::after {  
 content: leader(' ') target-counter(attr(href), page);  
}  
  
  
ol.arabic {  
 margin-left: 1.6em;  
 counter-reset: arabic2;  
    list-style-type:none;  
}  
  
  
ol.arabic li:before {  
    content: counter(arabic1) " ";  
 counter-increment: arabic1;  
}  
  
  
ol.arabic li ol.arabic{  
 margin-left: 3em;  
 margin-bottom: 1em;  
 counter-reset: arabic2;  
    list-style-type:none;  
}  
  
ol.arabic li ol.arabic li:before {  
    content: counter(arabic1) "." counter(arabic2) " ";  
 counter-increment: arabic2;  
}  
  
ol.arabic li ol.arabic li ol.arabic {  
 margin-left: 4.4em;  
 counter-reset: arabic3;  
 list-style-type: none;  
}  
  
ol.arabic li ol.arabic li ol.arabic li:before {  
 content: counter(arabic1) "." counter(arabic2) "." counter(arabic3) " ";  
 counter-increment: arabic3;  
}  
  
ol.arabic li ol.arabic li ol.arabic li ol.arabic li:before {  
 content: counter(arabic1) "." counter(arabic2) "." counter(arabic3) "." counter(arabic4) " ";  
 counter-increment: arabic4;  
}  
  
ol.arabic li ol.arabic li ol.arabic li ol.arabic {  
 margin-left: 5.3em;  
 counter-reset: arabic4;  
 list-style-type: none;  
}  
  
  
h2, h3 {  
 string-set: doctitle content();  
 page-break-before: always;  
 font-size: 1.3em;  
}  
  
  
h3:before {  
 content: counter(Ebene01) " ";  
 counter-increment: Ebene01;  
}  
  
h3 {  
 counter-reset: Ebene02;  
}  
  
h4 {  
 font-size: 1.1em;  
 counter-reset: Ebene03;  
}  
  
h4:before {  
 content: counter(Ebene01) "." counter(Ebene02) " ";  
 counter-increment: Ebene02;  
}  
  
h5 {  
 font-size: 1em;  
 counter-reset: Ebene04;  
}  
  
h5:before {  
 content: counter(Ebene01) "." counter(Ebene02) "." counter(Ebene03) " ";  
 counter-increment: Ebene03;  
}  
  
h6 {  
 font-size: 0.8em;  
}  
  
h6:before {  
 content: counter(Ebene01) "." counter(Ebene02) "." counter(Ebene03) "." counter(Ebene04) " ";  
 counter-increment: Ebene04;  
}  
  
.field,  
.field-body  {  
 border: 1px solid black;  
}  
  
.field-body {  
 padding: 0em 0.7em 0em 1em;  
 page-break-inside: avoid;  
 text-align: left;  
}  
  
#flaeche img, #tiefe img {  
 width: 45%;  
 height: auto;  
 padding-top: 0.8em;  
}  
  
.field-name {  
 text-align: left;  
 vertical-align: top;  
 padding-top: 1em;  
}  
  
.field-body p {  
 padding-left: 2em;  
}  
  
.field-body ul {  
 padding-top: 1em;  
 padding-bottom: 1em;  
}  
  
.field-body img {  
 height: auto;  
 padding-top: 0.8em;  
}  
  
table.docutils  
{  
 width: 100%;  
 layout: fixed;  
 border-spacing: 2px;  
 border-collapse: collapse;  
 margin-bottom: 2em;  
}  
  
.docutils dt {  
 font-size: smaller;  
}  
  
table.docutils th  
{  
 background: lightgrey;  
 color: black;  
 font-weight: normal;  
}  
  
table.docutils td,  
table.docutils th  
{  
 padding: 0em;  
}  
  
a {  
 color: Black !important;  
 padding: 0 !important;  
 text-decoration: none !important;  
}  
  
.danger > .first {  
 display: none;  
}  
  
.danger > .last {  
 font-weight: bold;  
 color: red;  
}  
  
p {  
 font-size: 1em;  
 line-height: 1.2em;  
}  
  
li {  
 margin-left: -1em;  
}  
  
dt {  
 margin-bottom: 0.4em;  
 font-size: 1em;  
}  
  
dd {  
 margin-left: 0em;  
 text-indent: 1em;  
}  
  
dd > ul {  
 text-indent: 0em;  
}  
  
  
  
.label {  
 padding-right: 1em;  
}  
  
.fluffy td {  
 text-align: center;  
 padding: 0.5em;  
 page-break-inside: avoid;  
}

Ab table.docutils ist der hautsächlich neue Text für die Tabellenformatierung eingefügt. Dieses funktioniert (mit ein paar kleinen Schönheitsfehlern) wunderbar im A5 Format. Schalte ich jetzt aber auf A6 um, dann ist der Text wieder länger, als der body.

Ich verstehe die Änderung nicht, die table.docutils hervorgerufen hat und wie ich es formal so umbauen kann, dass es für alle  Seitenformate gilt.

Normalerweise müsste das funktionieren, tut es aber leider nicht.

Ist wohl doch nicht so einfach zu lösen das Problem, oder?