Hi guys, I'm trying to find the easiest way of vertically centring elements that are in a DIV. Now I know that using 'display: table' for the parent container and 'display: table-cell'/'vertical-align: middle' is meant to work, but I have been unable to implement this in the output files. I can't seem to find an easy way of achieving this properly in RLMP. I can use custom fixed margins but this obviously doesn't keep them vertically centered when the browser width is increased/reduced.

Here is an example: http://oi58.tinypic.com/2rdetzl.jpg. I would like the Excel image and the text to be vertically centered within that row. I've attached my index file if that helps, too.

Set the image Display to Block and set the Margin left and right to Auto. That will center the image. Make sure the image float is not left or right.

For text, just click the center button.

I want to vertically center, not horizontally center the image and the div with text. The steps you've described are for centering horizontally.

I would use top and bottom margin or padding and just adjust it at each breakpoint... unfortunately there is not % for these options like there is for horizontal.

Another thing you can try is adding a custom.css and manually code it to center vertically.

http://zerosixthree.se/vertical-align-a … es-of-css/

Yep that will work! Haha that's what i was getting at. Thanks Eric.

Outstanding thanks for this!

Cheers

Thanks guys, but after experimenting a lot I've decided it is easier (for now) to just manually use the padding to get the elements roughly vertically centred. I used extra breakpoints to make sure that when the browser width was reduced the content would stay vertically centered. This is obviously not a very accurate method, but I tried some of the other methods, but it made things a little confusing for the other breakpoints. Too much content was rearranged at other browser widths, so I thought it wasn't worth the time and hassle. Hopefully this RSD app that's in the works will allow us to achieve this kind of thing a lot easier.