Geek Answers Handbook

Div with a height of 100% has a small margin at the bottom

I have a problem that I am trying to solve on IE8. I need a 100% div growth, but everything I tried does not solve the problem.

Here you can see the problem: http://gyazo.com/71ffde560df4d3f87c0fb55a92ef8313

enter image description here

or reproduce here: http://maahes.ninja/ie/ie.html

The problem is that there is not much white margin at the bottom of the page, and this only happens on ie8 (this is normal on ie9). I was able to solve this by removing doctype yet, which fixes the problem but crashes the whole application.

CSS

html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
}

html {
    height: 100%;
}

body { 
    height: 100%;
}

div {
    height: 100%;
    min-height: 100%;
    background:#9699FF;
    color:#fff;
}

Sorry for not adding more images / links, but I have no reputation.

+4
source share
1 answer

, , . , , - Windows GUI-Element - IE8.

, <html>.

html {
  background: red;
}

, , div - .

IE8/WinXP, . (.: )

( ), .

0

More articles:


All Articles