Home/ Questions/Q 7951427
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-04T02:33:27+00:00

This is my first question here. I was trying to get an element vertically

  • 0

This is my first question here.

I was trying to get an element vertically aligned inside a parent with fixed width and height. Inside the parent box there is also a header, that needs to be absolutely positioned in the bottom.

When working on it, checking cross browser issues I saw a difference on chrome. In FF, IE 8 & 9 it works as it should, if you open the sample in Chrome (19 right now) it gives a 1px gap to the parent as you may see.

Interactive example of the problem – CSSDeck

How I see it – 1px gap

I have tried removing white space, and quite a few things but I couldn’t get to remove that gap…

Is this a bug? If you could help me remove the gap, or achieve the same result in a clean way that works cross browser (ie8+) it would be great.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    See my example fiddle: http://jsfiddle.net/tnRem/

    Basically I removed display: table from #outer and set height: 250px and box-sizing: border-box; (only for IE8+) to #inner.

    I tried it with Chrome 19.0.1084.46, Fx12 and IE8

    • 0