Hallo,
ich bringe die Darstellung einer eingelesenen Textdatei nicht hin. Das Einlesen klappt mit dem Script einwandfrei einschließlich aller Formatierungen. Das Objekt wird in einem Container-DIV dargestellt. Solange ich feste Höhen vorgebe, werden diese realisiert. Mit der Angabe „auto“ bleibt die Höhe aber bei etwa 150 Pixel, egal wie viel Text eingelesen wurde. Ein Scrollbalken wird dargestellt.
Ich nutze HTML, CSS und ein abgeschriebenes JavaScript auf einem PC mit Windows 10 und Firefox.
Wie kann eine „Auto-Funktion“ realisiert werden?
Ist das ein CSS-Problem oder muss ich in eine anderes Forum?
#wrapper {
height:auto;
margin-left:auto;
margin-right:auto;
}
#div_textanzeigen {
min-height: 100%
margin-left:auto;
margin-right:auto;
margin-bottom: 0;
}
#obj_dateilesen {
min-height:101%;
margin-left:auto;
margin-right:auto;
margin-bottom: 0;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="div_textanzeigen">
<!-- Jetzt folgt das Einlesen des Textes:-->
<object id="obj_dateilesen" data="testdatei.html" type="text/html"></object>
<script>
window.onload = function () {
var object = document.querySelector('.text');
var doc = object.contentDocument;
doc.documentElement.style.overflow = 'hidden';
doc.body.style.overflow = 'hidden';
var contentsHeight = doc.documentElement.offsetHeight;
object.height = contentsHeight;
}
</script>
</div>
<!-- Hier endet die Hülle-->
</div>
Danke fürs Durchlesen.