Mantenere un div a metà strada sullo schermo indipendentemente dalla risoluzione in cui ci si trova

Question

Quello che voglio sapere è come avere un <div> a metà dello schermo e l'altezza al 100% indipendentemente dalla risoluzione dello schermo e dalla risoluzione della dimensione della finestra.

Grazie a tutti per le vostre risposte, mi hanno aiutato tutti! Scusate se questa domanda è stata un po 'confusa, non ho mai fatto alcun css prima quindi non sapevo come esprimerla davvero ... Grazie ancora!

Answer 1

in css

your_div{ 
width:50%; // 50% of current screen size; 
} 

Demo

Answer 2

html,body { height:100%; } 
#div_selector { width:50%; margin:0 auto; } 

Answer 3

Se si sceglie lo stile posizione "fissa". Il div si orienterà in base alla dimensione della finestra del browser, non in base alla dimensione di altre div.

Answer 4

usa jsfiddle per fare uno spettacolo :).
Fondamentalmente penserei di:

html, body {height:100%;margin:0;} 
body {padding-left:50%; */or right */ 
div.w50h100 { 
width:50%; 
height:100%; 
position:fixed; 
top:0; 
left:0; /* or right:0; */ 
} 

Va bene, hai fatto in chiaro, ed è semplice,

html,body{ 
    height:100%; 
    margin:0; 
} 
div#center { 
    min-height:100%; 
    width:XX; 
    margin: auto; 
} 

Answer 5

Nella tua reazione alla @Arpit Capisco si desidera centrare il div non importa la risoluzione dello schermo

Prova questo:

#div { 
    width: 800px; 
    margin: 0 auto; 
} 

tecnica diversa è:

#div { 
    width: 800px; 
    position: absolute; 
    left: 50%; 
    margin-left: -400px; 
}