Linuchs: Flex-Problem beim Drucken

problematische Seite

Moin,

in einem geflexten Container stelle ich zwei Bereiche, je 49% Breite nebeneinander dar, die Screen-Ansicht im FF ist wie gewünscht und zum Test umrandet:

<div class="flex" style="border:.1pt dashed #f88;">

Doch die Druckvorschau setzt die Zwillinge untereinander, obwohl genügend Platz nebeneinander ist:

flex

Was läuft da quer und wie kann ich es beheben?

Gruß, Linuchs

  1. problematische Seite

    Hallo Linuchs,

    du hast zwei Punkte, an denen Du die Darstellung wechselst, nämlich bei 40em und 800px.

    Bei mir (Chrome) kommt die Druckvorschau sogar in den "unter 40em" Bereich, das erkennt man daran, dass das berkach Bild deutlich breiter als die Hälfte der Seite ist. Bei dir dürfte sie im "40em bis 800px" Bereich liegen. 800px ist eh nicht toll, versuch das lieber in em auszudrücken (vermutlich 50em).

    Das grundlegende Problem könnte sein, dass Du für @media print andere Fonts setzt, und deshalb die Media-Breaks anderswo liegen.

    Rolf

    --
    sumpsi - posui - clusi