mercredi 19 novembre 2014

Streifen bei scrollbarem div im Internet Explorer

Hallo liebe Leute. :-)



Im Internet Explorer gibt es unerklärlicherweise eine ganz gemeine Streifenbildung beim vertikalen Scrollen in einem scrollbaren div-Container, wenn sich im Quelltext über dem div-Container <br>-tags befinden. Je mehr <br>-tags es sind, desto stärker ist die Streifenbildung. Verrückt!!!



Bei genau 5 oder 8 <br>-tags gibt es keine Streifenbildung mehr.



Die Streifen haben exakt die Farbe der Anweisung border-color. Entfernt man die 3 border-Anweisungen, dann gibt es auch keine Streifen mehr beim Scrollen. Ändert man den Wert von border width von 0.1em auf 1px, dann gibt es auch keine Streifenbildung mehr.



Je langsamer man im IE scrollt, desto stärker ist die Streifenbildung. Hat der IE ein Problem mit em-Werten? Was genau ist das Problem des IE und wie könnte ein Fix oder Workaround für den IE aussehen? Nur bitte, ich möchte nicht zurück in die px-Zeit. Es muss doch auch mit em gehen. Vielen Dank an Microsoft und vielen Dank im Voraus für alle Antworten und Vorschläge.



Hier ist der vollständige, lauffähige Code zum Testen im Internet Explorer.




HTML-Code:



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://ift.tt/JknCVP;

<html><head>

<meta http-equiv="content-type" content="text/html; charset=utf-8">

<meta name="language" content="de">

<title>Streifen bei scrollbarem div im Internet Explorer</title>



<style type="text/css">

.scrollDiv{

background-color:#dddddd;

border-color:#cc0000;

border-style:solid;

border-width:0.1em;

height:15em;

overflow-x:hidden;

white-space:nowrap;

width:22em;

}

</style>



</head><body>

<br>

Überschrift für den Container<br><br>

<div class="scrollDiv">

Im Internet Explorer gibt es<br>

unerklärlicherweise eine ganz<br>

gemeine Streifenbildung<br>

beim vertikalen Scrollen in<br>

einem scrollbaren div-Container,<br>

wenn sich im Quelltext über dem<br>

div-Container br-tags befinden.<br>

Je mehr br-tags es sind,<br>

desto stärker ist die<br>

Streifenbildung. Verrückt!!!<br>

Bei genau 5 oder 8 br-tags<br>

gibt es keine Streifenbildung mehr.<br>

Die Streifen haben exakt die Farbe<br>

der Anweisung border-color.<br>

Entfernt man die 3 border-Anweisungen,<br>

dann gibt es auch keine Streifen<br>

mehr beim Scrollen.<br>

Ändert man den Wert von border width<br>

von 0.1em auf 1px, dann gibt es auch<br>

keine Streifenbildung mehr.<br>

Je langsamer man im IE scrollt,<br>

desto stärker ist die Streifenbildung.<br>

Hat der IE ein Problem mit em-Werten?<br>

Was genau ist das Problem des IE<br>

und wie könnte ein Fix oder Workaround<br>

für den IE aussehen?<br>

Nur bitte, ich möchte nicht zurück in die<br>

px-Zeit. Es muss doch auch mit em gehen.<br>

Vielen Dank an Microsoft und<br>

vielen Dank im Voraus für alle<br>

Antworten und Vorschläge.

</div><br><br>



</body></html>








Streifen bei scrollbarem div im Internet Explorer

Aucun commentaire:

Enregistrer un commentaire