smisonline2
Threadersteller
Dabei seit: 13.08.2012
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 12.03.2014 15:09
Titel Div ohne Scrollbar? |
|
|
Hallo,
ich möchte ein DIv "Schräg" stellen
Code: | -moz-transform:rotate(-4deg); /* Firefox 3.6 Firefox 4 */
-webkit-transform:rotate(-4deg); /* Safari */
-o-transform:rotate(-4deg); /* Opera */
-ms-transform:rotate(-4deg); /* IE9 */
transform:rotate(-4deg); /* W3C */ |
das Ganze soll auf die Ganze Seite gehen. Da durch die Schrägstellung links aber das Ganze nicht abschließt, muss ich es mit
left: -20px;
etwas nach links verschieben.
So oder so ensteht dabei im Browser unten ein Scrollbalken. Denn möchte ich für dieses Element aber verhindern, da es ja nur aus optischen Gründen so positioniert ist.
Wie kann ich das erreichen?
Das Ganze css Element sieht aktuell so aus
Code: | .rotbox {
background-color:orange;
color:white;
font.weight:bold;
padding:20px;
top:100px;
left: -20px;
position:absolute;
margin: 0 auto;
width:100%;
height: 200px;
overflow-x : hidden;
-moz-transform:rotate(-4deg); /* Firefox 3.6 Firefox 4 */
-webkit-transform:rotate(-4deg); /* Safari */
-o-transform:rotate(-4deg); /* Opera */
-ms-transform:rotate(-4deg); /* IE9 */
transform:rotate(-4deg); /* W3C */
} |
|
|