Körpergröße auf 100% setzen

Question

Ich muss den Körper aller meiner Webseiten (außer Homepage) http://www.zorglegal.nl auf gleicher Höhe (100% Browserhöhe) haben, damit der braune Balken auf der rechten Seite im Vollbild von oben gestreckt wird nach unten. Wie kann ich das am besten erreichen?

html{ 
    height: 100%; 
} 

body{ 
    min-height: 100%; 
} 

funktioniert nicht. Ich habe auch versucht, eine Klasse für das Inhaltselement festzulegen und habe versucht, es auf 100% Höhe zu setzen, aber das funktioniert auch nicht. Wie kann ich das machen?

Der braune Balken ist ein PNG-Bild und wird als Hintergrundbild für einen Container voller Breite festgelegt. Wenn dieser Container also 100% hoch ist, sollte es funktionieren. Aber wie?

Answer 1

html, body{ 
    margin: 0; 
    padding: 0; 

    min-width: 100%; 
    width: 100%; 
    max-width: 100%; 

    min-height: 100%; 
    height: 100%; 
    max-height: 100%; 
} 

Dieses Css hilft Ihnen, die Höhe 100% für jede Seite einzustellen.

Answer 2

Body Height to 100%

html, body { 
    width: 100%; 
    height: 100%; 
} 

Answer 3

Versuchen zu erreichen mit Hilfe von Javascript:

$(window).bind('resize', yourclassname); 

In yourclassname auch verwenden yourID, geben Sie es an Eltern div.

Answer 4

Versuchen,

html,body { 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    height: 100%; 
    width: 100%; 
} 

Und stellen Sie sicher, keiner der anderen Klassen oder Skripte stören die der obigen CSS.

Hoffe, das hilft. :)

Answer 5

Sie können Ansichtsfensterhöhe verwenden.

height: 100vh 

Das bedeutet, dass das div oder was auch immer so hoch wie das Browserfenster ist.