What unknown space is this? [duplicate]

-2

Website: link

Here is the problem shown: imageshack.com/a/img909/690/AjeiLg.png

The other question was the one I posted, I posted again because I have not yet had an answer that solved the problem.

My problem only occurs in internet explorer, I highlighted the bottom div in red for viewing. When resizing the window decreasing its size, there is a space of approx. 1px in size, an unknown space. What can this be?

html:

<div class="MASTER">

<div class="MT_SEM_SOMBRAS">

<!-- ... o conteúdo do site vai aqui... -->

<div id="push">
</div>

</div>
<!--FIM MT SEM SOMBRAS-->

</div>
<!--FIM MASTER-->

Css:

Div push (the one in red):

#push {
margin-left:auto;
margin-right:auto;
width:1155px;
height:227px;
            background-color:#F00;
}

Site Container 1:

.MASTER {
    width:1169px;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin-top: 0;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:0;
    overflow:hidden;
}
/*html .MASTER {
height: 100%;  hack para IE6 que trata height como min-height   
}*/

Container 2 of the site:

.MT_SEM_SOMBRAS {
width:1155px;
margin-left:auto;
margin-right:auto;
}
    
asked by anonymous 01.10.2015 / 15:45

1 answer

0

In reality, it is not an added space that appears there. Note that by changing the background-color of the MASTER class, you notice that your div has gone up.

As a tip I suggest you use div.push in these properties:

float: left;
margin-top: 8px;

I tested it here and it worked. See if it helps.

    
01.10.2015 / 22:05