¿Por qué IE muestra una barra de desplazamiento vertical con este contenido de 100% de altura?

Question

Tengo un reproductor de video Silverlight que quiero mostrar en el modo "100% ancho/alto del navegador" (es decir, no a pantalla completa, pero completando el área de visualización del navegador).

jugador regular: http://play.nimbushd.com/lfu53b5

versión de pantalla completa: http://play.nimbushd.com/lfu53b5/fullscreen

he tratado casi cada nodo en el DOM y establecer el ancho/altura a 100%, con un margen: 0px, padding: 0px. Parece funcionar muy bien en Firefox. ¿Por qué, entonces, IE muestra una barra de desplazamiento vertical con un pequeño espacio en blanco en la parte inferior?

Editar: Dado que este problema se soluciona, la corta explicación: Un control Silverlight 100% altura/anchura dentro de una ASP.NET <form> derrames de etiqueta más de sólo un poco en el IE debido a la etiqueta form.

Answer 1

Este comportamiento está causado por elementos en línea dentro de <form> - los elementos en línea siempre dan un valor de line-height de píxeles. Cualquiera de las siguientes reglas CSS lo arreglará:

form { font-size: 0; } 

o

form * { display: block; } 

Alternativamente, usted podría tratar de deshacerse de todos los descendientes en línea de <form> (esto incluye los nodos de texto) -, pero estoy no estoy seguro de que realmente funcione (no probado). Además, haría que tu marcado fuera difícil de mantener (tendrías que quitar todas las líneas nuevas y eso ... podría hacerse durante el despliegue, pero creo que esto está llevando demasiado lejos).

Answer 2

usted necesita este estilo esta en ti html:

<style type="text/css"> 
html, body { 
    height: 100%; 
    overflow: hidden; 
} 
body {margin: 0px} 
</style> 

Tenga en cuenta que esto se aplica tanto a un estilo htmlbody y hacer cumplir la altura de html elemento a la altura del puerto de vista y por lo tanto también el cuerpo.