CSS table cell vertical alignment issue

HTML & CSS
1

I have a CSS table with two columns/cells, with an image in the left cell and a contact form in the right cell. http://gandalf458.co.uk/vids/contact.htm Unfortunately the two cells don’t align vertically, which they do if I replace the image with text. What am I missing?

My CSS is

.columns {
    display: table;
    layout: fixed;
    width: 100%;
}
.leftside {
    display: table-cell;
    width: 50%;
}
.rightside {
    display: table-cell;
    width: 50%;
}
2

Have you tried vertical-align:middle on the table cell?

1 Like
3

Thanks Paul. vertical-align:top does what I need. I thought I had tried that but obviously not. I probably tried it on the wrong cell!

4

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