html - HTML5 - Extra white space at the bottom of div -


i working on windows phone 8 mobile application uses ie10 browser internally.

i trying remove blank white space child div, appearing if opened child div's content more open child div.

<div id="parentdiv" style="overflow-x:hidden"> <div id="childdiv1" style="overflow-x:hidden">content in childdiv1 greater childdiv2</div>  <div id="childdiv2" style="overflow-x:hidden"></div> </div>

i have 1 parent div id parentdiv.. contains 2 child div's.. id = childdiv1 , childdiv2. if navigate childdiv1 of page in application , childdiv1 navigating childdiv2 , since childdiv1's content more childdiv2's content. results in blank white space @ bottom of childdiv2. trying remove blank white space no work around seems helping far. appreciated. thanks.

white space can caused many things in internet explorer.

some options:

  1. be sure add margin/padding 0 divs involved , remove them 1 one until figure out needed it.

  2. sometimes internet explorer adds space in empty div because of font. try add font-size: 0 prevent that.


Comments

Post a Comment