Vertical Align behaving strangely across browsers.
# April 23, 2013 at 7:44 am
So I’m trying to vertically center an image for portrait viewports first.
My code is behaving strangely though so I’ve stripped it down to it’s bare basics. It’s working strangely in that there doesn’t seem to be consistency across browsers:
It works as expected in Opera and Safari (vertically aligns) but does not work in Firefox. (IMG is pushed outside of viewport) In Chrome it only works when the file is remote.
Very confused about why this would be as I’m not using any server-side languages, it’s literally been stripped down to the following HTML/CSS:
< !DOCTYPE html>
Any help on what’s causing this confusing bug is greatly appreciated.
You must be logged in to reply to this topic.