Vertical-align elements in a div

HTML & CSS
1

im trying to figure out how to align the divs inside the fieldset (I created an image, with

inside each div) to the bottom of its container
http://php_class.teamluke.net/Final/chart.php

2

<ot> You may want to check your error_log, that comes up blank for me.

3

error_log?
I only know how to check it after I log into the server, how do you see the error_log? Is that bad for me if some hacker targets me?

4

No, I can’t see it. :smile:
But usually when I see a blank screen like that on my php pages, the next thing I do is check the log to see why.

5

k, fixed it

6

It’s not a bad idea to protect it via htaccess as if it is publicly available, it can give clues to vulnerabilities.
I never actually tried to view it, just thought you must have an error on that page.

7

yes, I had an if statement in there so only logged in people can get to it
but removed it for now?

8

Back on topic.
Flex can do it:-

display: flex;
vertical-align: middle;
flex-flow: column;
justify-content: center;

I did try table-cell but did not get it working yet.

9

thanks…had to use

	display: flex;
    vertical-align: bottom;
    flex-flow: column;
    justify-content: flex-end;

which seems to work, thanks again

1 Like
10

Ah, yes, you wanted it at the bottom, not the middle.
Note the vertical-align is doing nothing. It was just left over from when I tried table-cell and forgot to remove it.

11

k, thanks

12

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.