nicht angemeldet
div-Größe mit Browserfenster ändern
Hallo,
mein Problem:
ich habe in einem Frame zuerst etwas Text und anschliessend einen div-Bereich. Die Groesse des div-Bereichs soll sich aber der Groesse des Browserfensters anpassen, also nicht groesser sein, so dass die Scrollbalken exakt in das Fenster passen. Ich habe die Hoehe mit CSS auf 100 Prozent gesetzt, allerdings ignoriert IE6 den ersten Text vor dem div-Bereich und schneidet den senkrechten Scrollbalken unten ab.
Hier der Code:
<html>
<head>
<title>...</title>
<style type="text/css">
<!--
body {margin-bottom:0; margin-right:0}
-->
</style>
</head>
<body style="overflow:hidden" text="#000000" bgcolor="#FFFFFF">
<p>Hier kommt der erste Text rein!...</p>
<div style="height:100%; width:100%; overflow-x:hidden; overflow-y:auto; table-layout:fixed">
...
</div>
</body>
</html>
Mit 2 div-Bereichen und der jeweiligen prozentualen Hoehenangabe hab ich es auch schon probiert, wenn ich aber das Fenster kleiner ziehe, werden die Scrollbalken trotzdem abgeschnitten. Koennt ihr mir weiterhelfen?
Gruss Angelkiss
-
Hi,
<body style="overflow:hidden" text="#000000" bgcolor="#FFFFFF">
Hier sagst Du, daß zu großes abgeschnitten werden soll.
<div style="height:100%; width:100%; overflow-x:hidden; overflow-y:auto; table-layout:fixed">
Das Elternelement von div hat keine explizite Höhenangabe, also gilt der Default-Wert auto. 100% von auto = auto.
overflow-x und overflow-y sind keine CSS-Eigenschaften.
table-layout ist für display:block nicht definiertcu,
Andreas--
Der Optimist: Das Glas ist halbvoll. - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
http://mud-guard.de/? http://www.andreas-waechter.de/ http://www.helpers.de/