Push-Nachrichten von MacTechNews.de
Würden Sie gerne aktuelle Nachrichten aus der Apple-Welt direkt über Push-Nachrichten erhalten?
Forum>Entwickler>HTML Frage

HTML Frage

breaker
breaker21.09.1123:45
Moin,
ich hab da mal eine HTML Frage. Und zwar möchte ich gerne, dass der Content-DIV sich in der Höhe (in %) des Browser-Fenster abzüglich des Header-, Text- und Footer-DIVs anpasst. Die anderen DIVs haben eine px-Höhe. %- und px-Werte lassen sich ja zusammen immer etwas schwer realisieren, aber vielleicht hat ja jemand eine Idee?

Anbei mal Beispielcode.

Danke schon mal!

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Unbenanntes Dokument</title>
<style type="text/css">
html,
body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}

.header
{
    width: inherit;
    height: 60px;
    background: red;
}

.content
{
    width: inherit;
    height: 100%;
    background: green;
}

.text
{
    width: inherit;
    height: 200px;
    background: blue;
}

.footer
{
    width: inherit;
    height: 30px;
    background: black;
}

</style>
</head>

<body>
<div class="header">Header</div>
<div class="content">Content</div>
<div class="text">Beschreib</div>
<div class="footer">Footer</div>
</body>
</html>
0

Kommentare

breaker
breaker22.09.1100:52
"Problem" gelöst
0
rene204
rene20422.09.1108:35
und wie?
es wär schön, wenn Du als Vergleich den geänderten Text noch posten würdest..
dann könnten später User, die den Thread über die Suche finden
von Deiner Lösung profitieren...
„Gelassenheit und Gesundheit.. ist das wichtigste...“
0

Kommentieren

Diese Diskussion ist bereits mehr als 3 Monate alt und kann daher nicht mehr kommentiert werden.

Apples kommendes C2-Modem: Der nächste große Schritt
Apples kommendes C2-Modem: Der nächste große Sc...
iPhone Fold: Details zum Display – genauer gesagt zur Falzstelle
iPhone Fold: Details zum Display – genauer gesa...
FTC will gegen Apples "systematische Verbreitung linker Inhalte" vorgehen
FTC will gegen Apples "systematische Verbreitun...
AirTags 2 erschienen
AirTags 2 erschienen
Mac-Praxis: Das stille Scheitern von Time Machine – und wie man Datenverlust vorbeugt
Mac-Praxis: Das stille Scheitern von Time Machi...
Bloomberg: iOS 27 mit vielen Aufräumarbeiten – "Code Cleanup" für Performance und Stabilität
Bloomberg: iOS 27 mit vielen Aufräumarbeiten – ...
Tipp für Safari auf dem iPhone und Mac: 120 Hertz für Apples Browser freischalten
Tipp für Safari auf dem iPhone und Mac: 120 Her...
Neuer Apple-Bildschirm durch Regulierungsbehörde geleakt
Neuer Apple-Bildschirm durch Regulierungsbehörd...