Positions fixed doesn't work when using -webkit-transform

Posted by iSenne on Stack Overflow See other posts from Stack Overflow or by iSenne
Published on 2010-04-14T11:51:00Z Indexed on 2010/04/14 11:53 UTC
Read the original article Hit count: 310

Filed under:

css

|

positioning

|

rotate

|

html

Hello everybody

I am using -webkit-transform (and -moz-transform / -o-transform) to rotate a div. Also have position fixed added so the div scrols down with the user.

In Firefox it works fine, but in webkit based browsers it's broken. After using the -webkit-transform, the position fixed doesn't work anymore! How is that possible?

© Stack Overflow or respective owner

Related posts about css

HTMLUNIT Facebook javascript warning

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi I am trying to create simple application that would be able to search people on facebook using given e-mail. I am already able to log into an account using the HTMLunit tool and even create a page, which should throw result of my search. But when I try to print the result as XML the file is missing… >>> More
$this->headLink() includes duplicated script

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi, Just like I did before, I used the following code for my new project. <?=$this->headLink()->appendStylesheet('/Layouts/admin/css/button.css');?> <?=$this->headLink()->appendStylesheet('/Layouts/admin/css/inputText.css');?> <?=$this->headLink()->appendStylesheet('/Layouts/admin/css/fancyTable… >>> More
How much multiple style sheets slow down to website?

as seen on Stack Overflow - Search for 'Stack Overflow'
Here is 3 css file (one is only for IE) <link rel="stylesheet" href="css/blueprint/screen.css" type="text/css" media="screen, projection"> <link rel="stylesheet" href="css/blueprint/print.css" type="text/css" media="print"> <!--[if lt IE 8]><link rel="stylesheet" href="css/blueprint/ie… >>> More
mod_pagespeed is rewriting but not combining

as seen on Stack Overflow - Search for 'Stack Overflow'
I have the following problem. I installed mod_pagespeed but i am not getting the results i want! It does rewrite my css and changes the to the cache url but its not combining the css files. I have seached the web and stackoverflow for it but did not find a solution. Here are the tags <link… >>> More
CSS import or multiple CSS files

as seen on Stack Overflow - Search for 'Stack Overflow'
I originally wanted to include a .css in my HTML doc that loads multiple other .css files in order to divide up some chunks of code for development purposes. I have created a test page: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional… >>> More

Related posts about positioning

Div positioning problem related to Relative and Absolute positioning

as seen on Stack Overflow - Search for 'Stack Overflow'
Hello everyone. The problem I am running into is related to a footer I have absolutely positioned at the bottom of the page. Everything is fine until the copy on the page begins to extend further down the page which then causes my content wells to extend down, behind, the footer. Is there anyway… >>> More
Positioning one div to the right of another

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi I have the following html and css. But what I can't figure out is how to have the tabs div at the right of the main div. So that they stick out the right like bookmarks. .main { -moz-border-radius:10px; height: 75%; width: 60%; position: absolute; top: 15%; left: 20%; … >>> More
CSS footer positioning resize issue [closed]

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm having a problem where when I resize the screen vertically, the footer overlaps the content areas. Any ideas? http://pastie.org/865844 pastie.org/865845 --- not full link because new users can only post one hyperlink >>> More
Tech Article: Joining Oracle Complex Event Processing and J2ME to React to Location and Positioning

as seen on Oracle Technology Network - Search for 'Oracle Technology Network'
How to join the power of the Location API for J2ME (JSR 179) with Oracle Complex Event Processing to deliver business applications that can't be built without an event processing tool. >>> More
Relative silverlight control positioning

as seen on Stack Overflow - Search for 'Stack Overflow'
I Have a canvas and would like to place silverlight elements within that canvas relative to each. For example, I have an element (A) at canvas.top="0" canvas.left="5". I would like to place all elements proceeding that one relative to its position. So if i move A to canvas.top="10" canvas.left="15"… >>> More