nicht angemeldet
Hallo zusammen,
ich habe hier ein Layoutproblem, das ich mit CSS allein nicht lösen kann - leider kann ich aber so gut wie kein Javascript, deshalb wäre es echt nett, wenn mir jemand weiterhelfen könnte...
Also folgendes:
Ich habe ein div ("grossesdiv") mit Höhenangabe in Prozent. Darin ist unter anderem ein weiteres div ("kleinesdiv"), dass nach oben hin einen festen Abstand von 200 px hat. Die Höhe soll automatisch angepasst werden, so dass es genau mit dem grossen div abschließt. Ich bräuchte also sowas wie "height: 100% - 200px", was ja leider mit CSS nicht geht.
<html>
<head>
<style type="text/css">
html, body { height: 100%;}
div.grossesdiv {background: red; margin: auto; height: 80%; width: 400px;}
div.kleinesdiv {background: black; margin-top: 200px; margin-left: 200px; width: 100px; height: (100% - 200px); }
</style>
</head>
<body>
<div class="grossesdiv">
<div class="irgendeindiv"> </div>
<div class="kleinesdiv"> </div>
</div>
</body>
</html>