zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Alle div an Höhe des Browserfensters anpassen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 12.06.2019, 10:44
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.06.2019
Beiträge: 1
niccix befindet sich auf einem aufstrebenden Ast
Beitrag Alle div an Höhe des Browserfensters anpassen

Hallo,
ich habe mehrere divs:
Code:
<div class="outer">
  <div class="inner">
     <div class="content"></div>
  </div>
</div>
Die Höhe des äußeren div (outer) soll sich an die Höhe des Browserfensters anpassen. Das ist soweit klar (siehe css Code). Die inneren divs sollen sich aber auch an die die Höhe des äußeren div anpassen, aber nicht darüber hinausragen. Das passiert mit der Angabe height: 100%. Wie bekomme ich das hin?
Code:
html, body {height: 100%;}
.outer {min-height: 100%; height:auto !important; position:absolute;}
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 12.06.2019, 16:03
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 10.01.2010
Beiträge: 1.123
MrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer Mensch
Standard

Deine Angaben sind sehr mager, da kann man nur raten.

Falls du HTML5 verwendest:

Die zwei div-Elemente outer und inner weglassen, die sind überflüssig.

Das div content ist dann wohl eher das main-Element, dem eine Höhe von 100vh geben.

position: absolute wird in der Regel falsch verwendet, also auch weglassen.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 17.06.2019, 10:42
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.977
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von niccix Beitrag anzeigen
Hallo,
Code:
html, body {height: 100%;}
.outer {min-height: 100%; height:auto !important; position:absolute;}
Das Problem ist die absolute Positionierung. Damit wird das Element aus dem "Fluss" genommen und die Höhe richtet sich in dem Fall nach dem Inhalt.
Mit Zitat antworten
  #4 (permalink)  
Alt 24.08.2019, 15:15
Neuer Benutzer
neuer user
 
Registriert seit: 20.03.2014
Beiträge: 15
Spike1977 befindet sich auf einem aufstrebenden Ast
Standard

erste div 100vh (VideoHöhe)
100vw (VideoBreite)
zweite innere div 100% ...
__________________
Hauptsache die Haare liegen!
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
DIV Höhe 100% Daniel86 CSS 12 29.07.2011 13:40
DIV: Ausfüllen restlicher Höhe bei weiterem DIV mit fixer Höhe danoman CSS 5 24.04.2011 19:38
Header entfernen tripple CSS 17 15.06.2010 16:41
Div Höhe im IE6 an absoluten Div anpassen RitterSportHH CSS 1 09.08.2007 15:50
höhe eines div tag an ein anderes anpassen ffr CSS 4 09.12.2003 17:59


Alle Zeitangaben in WEZ +2. Es ist jetzt 10:39 Uhr.