Erstmal danke Sailor für deinen Ratschlag. Das hat gut funktioniert, allerdings setzt er das logo in der gleichen Zeile mit dem Block text rechtsbündig.
Bei folgendem Code ist komischerweise die order-adresse links und in gleicher Zeile das Logo rechts, zudem wird die liefer/rechnungsadresse gleich unter das logo rechts gequetscht obwohl ich einen bottom abstand habe:
Code
#page { margin-left: auto;
margin-right: auto;
text-align: left;
font-size: 0.875em;
}
.content { padding-left: 10%;
padding-right: 10%;
padding-top: 5%;
padding-bottom: 5%;
}
.content + .content { page-break-before: always;
}
h1,h2 {
font-size: 1.572em;
}
.order-branding,.order-addresses,.order-info,.order-items,.order-notes,.order-thanks,.order-colophon {
margin-bottom: 3em;
}
.order-items { page-break-before: auto;
page-break-after: auto;
}
/* Order Branding */.order-branding .company-logo {
margin-bottom: 1em;
}
/* Order Addresses */.order-addresses {
margin-bottom: 6em;
}
.order-addresses:after { content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.billing-address {
width: 50%;
float: left;
}
Alles anzeigen