Wie kann ich ein Rahmenlayout mit CSS erstellen?

9

Ich möchte ein Rahmenlayout für eine Webanwendung erstellen, in dem Kopf- und Fußzeile fester Größe, eine Seitenleiste und ein Inhalt der Hauptzentrale vorhanden sind, der sich ausdehnt, um den verbleibenden Platz zu füllen. Stellen Sie sich den Browser vor, wo die Symbolleisten und die Statusleiste eine feste Größe haben, die Seitenleiste die Größe ändern kann, aber die Website in der Mitte erweitert sich, um die verbleibende Größe zu füllen.

edit: Zur Verdeutlichung möchte ich die Höhe des gesamten Designs in Pixel angeben, zum Beispiel 600px. Dann möchte ich, dass die Seitenleiste und die mittleren divs nach unten expandieren, um den verfügbaren Platz zu füllen, selbst wenn ihr Inhalt nicht groß genug ist, um den Platz zu füllen. Die Webbrowser-Analogie kann auch hier verwendet werden. Auch wenn die Seite, die Sie im Browser betrachten, nicht größer als das Browserfenster ist, ändert sich die Größe des Browsers nicht.

Gibt es eine Möglichkeit, dies in CSS zu tun?

    
Marius 28.02.2009, 12:37
quelle

4 Antworten

3
%Vor%

Live-Link: Ссылка

    
WolfgangCodes 20.06.2012 18:55
quelle
1

Das CSS-Tabellenlayout kann damit gut umgehen.

%Vor%

JSFiddle

    
Iucounu 03.08.2017 15:10
quelle
0

Die Methode, auf die Sie sich beziehen, klingt wie ein Job für den Footer Stick - das ist schon alt, funktioniert aber immer noch charmant ... der Mann in blau - footerStickAlt

Ähnliche Fragen hier.

Und ich bin mir sicher, wenn Sie die gleichen Kriterien in dieser Frage und die damit verbundene Frage verwenden, um eine Suche durchzuführen, werden Sie mehr finden.

    
Jayx 28.02.2009 14:49
quelle
0

probiere flexbox, arbeite mit Firefox und Webkit

Ссылка

Die aktuelle Implementierung wird nicht aktualisiert, aber es ist gut genug

aber Sie können dies wahrscheinlich mit Tabellen machen (die der flexbox ähnlich sind)

hoffe das hilft

    
user652649 22.02.2012 01:50
quelle

Tags und Links