Impostazione altezza del corpo al 100%

Question

Ho bisogno di avere il corpo di tutte le mie pagine Web (eccetto homepage) situato su http://www.zorglegal.nl alla stessa altezza (altezza del browser del 100%), quindi la barra marrone sulla destra è allungata a schermo intero dall'alto in fondo. Come posso ottenere il massimo?

html{ 
    height: 100%; 
} 

body{ 
    min-height: 100%; 
} 

non funziona. Ho anche provato a impostare una classe per l'elemento di contenuto e ho provato a impostarlo al 100% di altezza, ma non funziona neanche. Come posso fare questo?

La barra marrone è un'immagine png ed è impostata come immagine di sfondo per un contenitore a larghezza piena. Quindi se quel contenitore è alto al 100%, dovrebbe funzionare. Ma come?

Answer 1

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

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

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

Questo Css ti aiuterà a impostare l'altezza del 100% per ogni pagina.

Answer 2

Body Height to 100%

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

Answer 3

cercare di raggiungere utilizzando JavaScript:

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

In yourclassname utilizzare anche TuoID, dare a div genitore.

Answer 4

prova,

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

E assicurarsi, nessuna delle altre classi o script interferire con la sopra CSS.

Spero che questo aiuti. :)

Answer 5

È possibile utilizzare l'altezza del viewport.

height: 100vh 

Ciò significa che il div o qualsiasi altro è alto quanto la finestra del browser.