I'm working on a site that uses position: relative div containing position: absolute divs. A bug happening in MSIE 6 and MSIE 7 involving position: relative, an offset defined with a percentage and its containing block with height: auto. Forums CSS IE top: position not working! expo703 # April 16, 2010 at 10:14 am I need help here so IE positioning is very different than in firefox. altogether and I don't know why. Here, the Activision logo is highlighted, and as you can see, all the images are too far up. I'm doing an exercise and although I've centered vertically previously, in this case, I'm not being able to center it. Deprecated. This fix is deprecated and is no longer supported (meaning that I will not help you to get it working with your pages). Deprecated. This fix is deprecated and is no longer supported (meaning that I will not help you to get it working with your pages). The 'top: 50%' and 'right: ... 'width' and 'right' together determine the horizontal position and size, relative to the window. Using CSS Fixed Position Elements Across Browsers By Ben ... if you put top: 50% for a positioned item, ... this is not working IE. I am using extreme components for displaying table contents. the css file is extremecomponents.css. Why not just calculate it and then use the x/y properties alone? http://codepen.io/sgorneau/pen/bErqdm?editors=001 The Lowdown On Absolute vs. Relative Positioning. ... not the top left of the page. I wanted to make a mobile friendly responsive menu using CSS, which will float at the right top corner of the screen with absolute positioning. How to Fix Randomly Disappearing Absolutely-Positioned Elements in IE. Understanding vertical-align, or "How (Not) ... middle but it's not working! ... if it is not within a position: relative ... auto; position: absolute; top: 50%; left: 50% ... Layouts With Flexbox Is As Easy As Pie on Smashing Magazine. Very useful post and Im sure your post answered lots of designers question about CSS vertical ... 50% does not work. Not to mention ... will not subject itself to a nuclear ban. Understanding vertical-align, or "How (Not) ... middle but it's not working! It expands to full width of page overlaping other div video floated left of another div not working. The .offset() method allows us to retrieve the current position of an element (specifically its border box, which excludes margins) relative to the document. Here is the HTML I am working with. ... How to make div's percentage width relative to parent div and not viewport RelativeLayout is a view group that displays child views in relative positions.