HTML Forums | An HTML and CSS Coding Community

Welcome to HTMLForums; home of web development discussion! Please sign in or register your free account to get involved. Once registered you will be able to connect with other members, send and receive private messages, reply to topics and create your very own. Our registration process is hassle-free and takes no time at all!

Absolutely positioned H2 element with 2 child divs collapsing in Safari only

svoltmer

New member
I have a CSS animation with an absolutely positioned wrapper H2 element and 2 sibling child divs with text, but the wrapper collapses in Safari and doesn’t honor the child elements inside of it. Is there a workaround? Here is the page with the issue in the header image. Innovation Grove | Rose-Hulman.

*Edit: The issue was resolved by changing the positioning. Removing the "bottom" attribute and replacing it with transform: translateY(-50%);
 
Last edited:
Back
Top