zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden mit dem "content-div" den Rest auffüllen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 31.03.2021, 08:48
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.03.2021
Beiträge: 7
suados befindet sich auf einem aufstrebenden Ast
Standard mit dem "content-div" den Rest auffüllen

Morgen,

zu meiner Struktur (siehe Anhang).

Ziel soll sein, dass sich der content des Rest des Platzes einnimmt.

Folgendes habe ich schon geschrieben, aber ich schaffe es nicht, dass er sich in der Höhe streckt ohne das Container überragt. Content ist scrollbar.

HTML-Code:
html {
	height: 100%; 
}

body {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 100%;
	height: 100%; 
	overflow: hidden;
}

.header {
	overflow: hidden;
} 

.main {
	display: flex;
	flex-direction: rows;
	justify-content: space-between;
	height: 100%;
}

/* inhalt = größe des menüs */
.left {

}

.right {
	width: 100%;
	overflow:hidden;
	display:flex;
	justify-content: space-between;
	flex-direction: column;
}

.right_headline {

}

.right_content {
      height: 100%
}

.right_footer {

}





<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
</head>
<body>
<form target="_self" action="" method="post" style="height: 100%;">

	<div class="header"> </div>
	
	<div class="main">
		<div class="left"> </div>
		<div class="right">		
			<div class="right_headline"> </div>
			<div class="right_content"> </div>
			<div class="right_footer"> </div>
		</div>
	</div>

</form>
</body>
</html>
Angehängte Grafiken
Dateityp: png Neues Projekt.png (3,6 KB, 2x aufgerufen)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 31.03.2021, 09:50
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.247
cloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblick
Standard

Warum wird das nicht mit display: grid aufgebaut?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 31.03.2021, 16:47
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.03.2021
Beiträge: 7
suados befindet sich auf einem aufstrebenden Ast
Standard

Hatte mit Flexboxen begonnen aber wenn es mit Grid einfacher ist, habe ich damit kein Problem.
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Layoutcheck von einer Beispielseite wave Site- und Layoutcheck 1 12.11.2008 22:48
Klapptmenu liegt im IE unter dem Rest timadler CSS 7 15.08.2006 15:58
Browserneurose SimonWpt CSS 39 15.07.2005 11:51
des hundes hexenküche derHund http://csskueche.xhtmlforum.de/ 10 19.05.2005 23:56
Scrollbares Textfeld mit purem CSS Dancer CSS 6 24.01.2005 16:58


Alle Zeitangaben in WEZ +2. Es ist jetzt 08:23 Uhr.