zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden div füllt nicht 100% wenn kurzer. bitte um hilfe

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 06.01.2015, 16:55
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.01.2015
Beiträge: 1
mkroeks befindet sich auf einem aufstrebenden Ast
Frage div füllt nicht 100% wenn kurzer. bitte um hilfe

Auf Birgit Hackl - Klassische Homöopathie, Systemische Therapie & Familienaufstellungen - Göttingen, Kassel, Witzenhausen - Shop sollte der mittlere weiße fläche mit den schattenränder bis nach unten ausfühlen.
Wenn die seite mehr inhalt hat, geht es, aber wenn sie zu kurz ist, sieht man <html> unten.
Es ist ein ziemlich geschachteltes layout, weil ich nicht wusste wie ich sonnst sowohl die dynamische skalierung durchführen musste mit den schatten ränder und den menu über die ganze breitte drüber haben. Der menu div, ist als erstes element und absolut positioniert.
ausserdem musste der hintergrund farbverlauf 100% in beide richtungen ausfüllen.
Wenn jemand mich ein Tipp geben kann, im voraus herzlichen Dank!
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 06.01.2015, 17:21
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 02.01.2012
Beiträge: 487
dazzle89 wird schon bald berühmt werden
Standard

Hast du schon versucht, überall zusätzlich zu min-height: 100% noch height: 100% zu geben?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 06.01.2015, 18:56
Benutzerbild von etux
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 17.09.2007
Ort: Berlin
Beiträge: 643
etux wird schon bald berühmt werden
Standard

Soll ein Element ein „min-heigh“ in Prozent haben, braucht der Browser für die Errechnung seiner Höhe eine Bezugsgröße (-höhe). Und die holt er sich vom Elternelement, dass nur eine „height“ haben darf - keine „min-height“. Sonst kann der Browser die Höhe nicht errechnen und schaltet auf „height: auto“ um.
Ist die Höhe des Elternelements auch in Prozent angegeben, so ist die Höhe seines Elternelements die Bezugshöhe.
Und das kann so bis hin zum root-Element (html) gehen. Als Bezugsgröße für das html-Element (root-Element) selbs dient der Browser-Fenster.

In einer Kette von Nachfahren-Elementen kann es also nur ein Element mit „min-height“ geben. Gleichzeitig ist das auch das letzte (innerste) Element. Seine Kindelementen haben keine Bezugshöhe.

Es kann auch mehrere Elementen mit „min-height: 100%;“ geben. Die müssen allerdings Geschwister sein – neben einander stehende Elementen (sei es per „position“, „float“ „inline-block“, …).

Bei (CSS-) Tabellen wird eine Höhe (beispielsweise „height: 100%;“) als „min-height“ interpretiert und behandelt. Das gilt für „table“, bzw. „display: table“ selbst, wie auch für „td“, bzw. „display: table-cell“, etc.
__________________
Grüße: Emil
--------------------------------------
https://emil-webdesign.net/

Geändert von etux (06.01.2015 um 19:12 Uhr)
Mit Zitat antworten
Antwort

Stichwörter
100% div verschachteln, css

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
Hilfe 2ter Div Container verschiebt sich Wild-Wolf CSS 7 05.02.2012 16:00
Div 1 für Div 2 Transparent aber nicht für Div 3 Shwicefoose CSS 3 29.11.2011 17:47
Fragen zu CSS und Joomla DOKTOR CSS 2 23.05.2011 20:29
Problem mit CSS in Joomla 1.5 noobilicius CSS 6 25.09.2008 21:24
Firefox div Hintergrundbild nicht richtig, aber MS IE schon. Surge CSS 3 09.02.2005 18:32


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:46 Uhr.