What is this unknown space?

Asked

Viewed 108 times

-2

Website: http://hfoliveira.com.br/MAQUES/CONT.html

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

The other question was I who posted, posted again because I have not yet had an answer that would solve the problem.

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

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;
}

Container 1 of the site:

.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;
}
html css

  • Please post your HTML and CSS code so we can help you understand and resolve.

  • in your Style.css file, the #push property, change the height to 235px and see if this can help you

  • The space occurs after the div which is in red, when resizing only the height. Only occurs in internet explorer.

  • Harison, try putting a * { box-Sizing: border-box tag in your CSS code }

  • It didn’t work. @Erickgallani

  • There are in my code empty Ivs of content, which has only a background image. This could be it?

  • 4

    Possible duplicate of Unwanted 1px space in Internet Explorer

  • question under discussion at meta http://meta.pt.stackoverflow.com/questions/4488/usu%C3%A1rio-com-multiplas-questions-similar

Show 3 more comments

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.

inserir a descrição da imagem aqui

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

float: left;
margin-top: 8px;

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

  • Unfortunately it didn’t work out.

Browser other questions tagged html css

You are not signed in. Login or sign up in order to post.