Frage stellen
ich mich zwar schon ein wenig mit CSS beschäftigt, würde mich aber nicht unbedingt als Fortgeschrittener bezeichnen. Trotzdem stelle ich meine Frage mal in diesem Bereich in der Hoffunung auf Hilfe von Leuten, die da etwas mehr Ahnung haben als ich. Ich habe folgendes Problem:
- Code: Alles auswählen
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html style="height:100%">
<head>
<meta http-equiv="Content-Language" content="de" />
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<title>
Test
</title>
</head>
<body style="height:100%; margin:0px; padding:0px; background-color:#D6D6D6; text-align:center;">
<div style="height:95%; width:960px; margin:1em auto; background-color:#D6FFFF; border:1px dotted black;">
<div style="height:25px; width:100%; background-color:#FFD6FF;"> Kopfzeile </div>
<div style="height:25px; width:100%; background-color:#FFFFD6;"> Menu </div>
<div style="width:100%; background-color:#D6D6FF;"> Content </div>
</div>
</body>
</html>
Bei dem Code handelt es sich um ein Beispiel, was mein Problem ganz gut verdeutlicht. Es gibt eine Kopfzeile und eine Menuzeile, die untereinander liegen und eine feste Höhe haben sollen. Darunter folgt der Bereich für den Inhalt, der den Rest der Seite ausfüllen soll, wenn nicht genug Inhalt vorhanden ist. Ist mehr Text vorhanden, dann muss dieser Bereich "mitwachsen".
Das Beispiel ist natürliuch sehr vereinfacht und der Contentbereich soll später nicht nur aus Text bestehen. Die Frage ist einfach wie ich ein Div dazu bekomme den vorhandenen Platz im Elternelement auszufüllen.
Ich habe Bereits Lösungsansätze gefunden, aber diese basieren alle auf prozentualen Höhenangaben, die aufgrund der Kopf und Menuzeile leider nicht in Frage kommen. Gibt es eine andere Möglichkeit?
Ich hoffe jemand kann mir da vielleicht weiterhelfen. Viele Dank im vorraus
Gruß
Marcus
PS: Ich kann leider kein Onlinebeispiel anbieten, daher habe ich den Code direkt so gepostet, dass man sich das ganze recht einfach ansehen kann
immer am untersten Ende der Seite steht. Schau dir den Quelltext der dort aufgeführten Seiten mal an.