Ich habe Schwierigkeiten, ein gedrehtes div-Element zu positionieren. Bisher habe ich:
%Vor%was mein div gut dreht. Ich habe jedoch Probleme, es auf der linken Seite zu "pinnen". (IE normalerweise würde ich etwas entlang der Linien wie tun: Position fest, links 0px, Höhe 100%, Breite: was auch immer).
Wenn Sie meinen, Sie möchten, dass das Banner gedreht und auf der linken Seite des Browserfensters fixiert wird, können Sie die Eigenschaft transform-origin verwenden. Standardmäßig ist es auf 50% 50% eingestellt. Das sind 50% der Breite und Höhe des Elements (der Mittelpunkt des Elements).
Sie können versuchen, den Ursprung auf 0% 0% zu setzen. Das ist die obere linke Ecke des Banners und dreht es dann um diese Ecke. Jetzt, mit dem Banner gedreht, ist der Ursprung die linke untere Ecke des Banners geworden. Sie können es auf der linken Seite des Browserfensters wie folgt positionieren:
%Vor% Bearbeiten:
Wenn Sie möchten, dass das Banner nach der Rotation die gleiche Höhe wie das Browserfenster hat, können Sie das mit javascript oder jQuery machen. So:
Ich wünschte, ich könnte stattdessen einen Kommentar hinterlassen, weil ich nicht 100% ig sicher bin, dass ich das Problem verstehe, vor dem Sie stehen.
Ich habe das Gefühl, dass Ihr Problem dadurch gelöst werden kann, dass Sie das gedrehte Banner-Div innerhalb eines normalen kapseln und die Position des Container-Divs als fest und links setzen: 0px. Ich stelle eine Geige auf, um dir zu zeigen, was ich meine:
HTML:
%Vor%CSS:
%Vor%Hoffe, das hilft!