Layout Bug in IE (div relative) [closed]
-
26-09-2019 - |
Question
I have a problem with IE (all versions). I have a header div with a relative position and inside this another div with absolute position and right alignment.
<div id="header" style="position: relative; width: 1000px; height: 60px;">
content
http://stadtwerke-bitburg.de/fileadmin/overflow_prob_IE.png
Now when I open the pulldown menu in FF/Safari/Opera everything is all right. Whereas in IE everything which is taller than 60px disappears behind my header div. Is there a workaround for this problem with CSS or do I have to write javascript to get this fixed?
thx TC
Solution
Try adding overflow: visible; to the div#header and adding z-index: 1; to the absolutely positioned element inside.
Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow