ukdphwrman9897
New Member
I have a HTML code as follows;\[code\]<div>Content table with varying height</div> <div id="buttons"> <TABLE> <TBODY> <TR> <TD>2 buttons here....</TD> </TR> </TBODY> </TABLE> </div>\[/code\]And there is a CSS defined as;\[code\]div#buttons{ position: absolute; bottom: 1em; left: auto;}\[/code\]Now there is an issue on the iPad Safari..i.e. The position of the buttons remain fixed/stick to the bottom of the screen...i.e. if the height of the content table above it increases, it kind of overlaps with the buttons at the bottom.Is there any way by which I can avoid that overlap and instead have it positioned based on the dynamic height content above ?