Beste mensen,
Zoals de titel al duidelijk maakt krijg ik het maar niet voor elkaar om in safari een div position: fixed mee te geven.
Chrome en Firefox doen het wel, wat natuurlijk heel vreemd is aangezien Chrome ook gewoon op webkit gebaseerd is.
Het gaat om het icoontje van de camera rechts boven, en de bijbehorende foto's. Deze zou dus moeten blijven staan als je scrollt.
Dit is de css code bij de div waar alles instaat:
[code]
#sidebarImages {
top: 0px;
position: fixed;
z-index: 10;
padding: 15px;
width: 530px;
background-color: #f6f6f6;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topright: 10px;
border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomright: 10px;
border-bottom-right-radius: 10px;
-moz-transform: rotate(7.5deg); /* FF3.5+ */
-o-transform: rotate(7.5deg); /* Opera 10.5 */
-webkit-transform: rotate(7.5deg); /* Saf3.1+, Chrome */
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',
M11=0.9914448613738104, M12=-0.13052619222005157, M21=0.13052619222005157, M22=0.9914448613738104); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand',
M11=0.9914448613738104, M12=-0.13052619222005157, M21=0.13052619222005157, M22=0.9914448613738104)"; /* IE8 */
zoom: 1;
-moz-box-shadow: 5px 5px 10px #333; /* FF3.5+ */
-webkit-box-shadow: 5px 5px 10px #333; /* Saf3.0+, Chrome */
box-shadow: 5px 5px 10px #333; /* Opera 10.5, IE 9.0 */
}
[/code]
Het probleem wordt veroorzaakt door deze css code, als ik ze weghaal dan doet hij het wel goed:
[code]
-moz-transform: rotate(7.5deg); /* FF3.5+ */
-o-transform: rotate(7.5deg); /* Opera 10.5 */
-webkit-transform: rotate(7.5deg); /* Saf3.1+, Chrome */
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',
M11=0.9914448613738104, M12=-0.13052619222005157, M21=0.13052619222005157, M22=0.9914448613738104); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand',
M11=0.9914448613738104, M12=-0.13052619222005157, M21=0.13052619222005157, M22=0.9914448613738104)"; /* IE8 */
zoom: 1;
[/code]
Wie snapt hoe dit kan?
Alvast bedankt
Jonas