Footer is overlapping in my webpage in mobile landscape view only. Also, the bottom contents of a `<div>` are not coming properly. Please guide. I have attached screenshot.

![Screenshot of webpage in mobile - Landscape view](https://i.stack.imgur.com/3h4Qf.png)

CSS file for footer

```
#footer {   
    margin-top: auto;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    position: absolute;
    left: 0px;
    bottom: 2px;
    text-align: center;
}

```

I have added my JS code as well for more information.
Pls guide how to prevent the overlapping.
JS Code

```
function getScereenWidthHeight()
{
var isAndroidApp = $('#isAndroidApp').val();
if(isAndroidApp == 'true')
{
    var screenWidth = 0;
    var screenHeight = 0;   
    var dpi = 0;
    var screenWidthInches = 0;
    var screenHeightInches = 0;
    var thresholdScreenSize = 7;

    //Get device DPI

    dpi = document.getElementById("dpi").offsetHeight;

    //get screen height and screen width in pixels

    screenWidth = screen.width;

    screenHeight = screen.height;

    //convert screen height and width in inches, formula: Pixels ÷ DPI = Inches 

    screenWidthInches = Math.round(screenWidth/dpi);

    screenHeightInches = Math.round(screenHeight/dpi);

    if(screenWidthInches > thresholdScreenSize || screenHeightInches > thresholdScreenSize)
    {
        document.getElementById("centeredDiv").style.display = "inline";
        document.getElementById("footer").style.display = "inline"; 
    }    
    else
    {
        if(document.getElementById("androidErrorTxt") != null && document.getElementById("androidErrorTxt") != 'undefined')
        {
            document.getElementById("androidErrorTxt").style.display = "inline";
            document.getElementById("footer").style.display = "inline";
        }               
    }
}
else
{
    document.getElementById("centeredDiv").style.display = "inline";
    document.getElementById("footer").style.display = "inline"; 
}
}

function getFooter(  )
{

 var myDiv9= "<p>" + eTextIpadCopyrightMsg ;
    myDiv9 += "<a href=\"" + eTextIpadLegalUrl + "\" class=\"footermenulink\">" + eTextIpadLegalUrlText + "</a> |   " ;
    myDiv9 += "<a href=\"" + eTextIpadPrivacyUrl + "\" class=\"footermenulink\">" + eTextIpadPrivacyUrlText + "</a> |   " ;
    myDiv9 += "<a href=\"" + eTextIpadPermissionsUrl + "\" class=\"footermenulink\">" + eTextIpadPermissionsUrlText + "</a> |   " ;
    myDiv9 += "<a href=\"" + eTextIpadSupportUrl + "\" class=\"footermenulink\">" + eTextIpadSupportUrlText + "</a>" ;
    myDiv9 += "</p>" ;
    $("#footer").append(myDiv9);

}

```