Problem with responsive div with 1920px resolution

-1

The resolution of my pc and 920px, my code is all right, but when I see it at 1920px resolution it looks as if the div had left the screen.

920px resolution:

1920pxresolution:

HTML:

<divclass="container" ng-controller="NavPJController">
    <div class="row" id="menuEmpresa" ng-show="menuEmpresa">
        <div class="col-xs-4 col-sm-6" ng-init="encontrarPessoasRelacionadas()">
            <div>
                <a ng-click="pessoaRelacionada = true; empresaRelacionada = false; temaRelacionado = false; moduloRelacionado = false;">
                    <span class="glyphicon glyphicon-user" id="icons"></span>
                </a>
                <a ng-click="pessoaRelacionada = false; empresaRelacionada = true; temaRelacionado = false; moduloRelacionado = false;">
                    <span class="glyphicon glyphicon-home" id="icons"></span>
                </a>
                <a ng-click="pessoaRelacionada = false; empresaRelacionada = false; temaRelacionado = false; moduloRelacionado = true;">
                    <span class="glyphicon glyphicon-thumbs-up" id="icons"></span>
                </a>
                <a ng-click="pessoaRelacionada = false; empresaRelacionada = false; temaRelacionado = true; moduloRelacionado = false;">
                    <span class="glyphicon glyphicon-book" id="icons"></span>
                </a>

                <div id="verPessoa" ng-show="pessoaRelacionada">
                    <div ng-repeat="dados in pessoasRelacionadas">
                        <div ng-repeat="pessoas in dados">
                            <a href="">{{pessoas.canal}}</a>
                        </div>
                    </div>
                </div>
                <div ng-show="empresaRelacionada">Empresa</div>
                <div ng-show="moduloRelacionado">Modulo</div>
                <div ng-show="temaRelacionado">Tema</div>


            </div>
        </div>
        <div class="col-xs-8 col-sm-6" id="menuEmpresa2">
            <div>
                <img id="fotoPerfil" src="images/Skyrim-logo-dragon.jpg" class="img-circle" title="Ryzzan">
                <h1>#Ryzzan</h1>
                <div id="perfilMenu">
                    <a href=""><span class="glyphicon glyphicon-user" id="perfilIcons" title="Ver Perfil"></span></a>
                    <a href=""><span class="glyphicon glyphicon-asterisk" id="perfilIcons" title=""></span></a>
                    <a href=""><span class="glyphicon glyphicon-comment" id="perfilIcons" title="Bate Papo"></span></a>                 
                </div>  
            </div>
        </div>
    </div>
</div>

css:

#menuEmpresa {
position: absolute;
margin-top: -20px;
background-color: #f5f5f5;
width: 80%;
min-height: 400px;

}

    
asked by anonymous 22.04.2016 / 15:52

2 answers

-1

Try:

#menuEmpresa {
position: absolute;
margin-top: -20px;
background-color: #f5f5f5;
**width: 100%;**
min-height: 400px;

If it does not work, please reply here that I have other tests .. but probably this is

    
22.04.2016 / 16:50
-1

Try this:

#menuEmpresa {
position: absolute;
margin-top: -20px;
background-color: #f5f5f5;
**width: 100%;**
min-height: 400px;
margin: 0 auto;
}

If you do not, try this:

#menuEmpresa {
margin-top: -20px;
background-color: #f5f5f5;
**width: 100%;**
min-height: 400px;
margin: 0 auto;
}
    
22.04.2016 / 19:22