0

The caption is properly centered in Safari and Chrome, but not in Firefox: link to my site

http://wisercoder.com/firefox-displaytable-cell-and-absolute-positioning/ states:

"Firefox doesn’t support a combination of display:table-cell and position:relative"

Does that have anything to do with the problem? Is there a Firefox fix for centering the caption?

The site is responsive so the table:middle; solution is great because you don't have to set a height.

Felix
  • 1,533
  • 1
  • 15
  • 27
  • Try this to change: `.front-page-caption { display: table; }` to `.front-page-caption { display: block; }` (On css: app.css:7638) – Black Sheep Feb 08 '14 at 16:13
  • Sorry, it's neither working in Firefox nor Safari and Chrome. – Felix Feb 08 '14 at 16:17
  • Ok... Try this on app.css:7655 `top:40%` and `margin: 0 auto` ... by the way.. the first comment make the image responsive in FF – Black Sheep Feb 08 '14 at 16:26
  • This isn't an option because it's a respovsive site and the caption gets out of center if I use top:40% – Felix Feb 08 '14 at 16:29

1 Answers1

0

The only solution I know is to wrap the div which has display:table-cell with another div and make him position relative instead of the original one. helped me.

Found the original question: link

Community
  • 1
  • 1
Omer Bonfil
  • 417
  • 2
  • 10