divs de position absolue avec javascript/css

Question

J'ai obtenu ce design PSD j'ai besoin de coder au format HTML et il a un diaporama avec les boutons de navigation suivant et précédent dans les côtés de la fenêtre du navigateur (gauche et droite), donc je suppose que vous pourriez CSS position: absolute pour les deux divs, un pour left: 0; et d'autres à right: 0; mais ils resteraient sur les côtés en haut de l'écran du navigateur et selon la conception, ils doivent être au milieu de la hauteur verticale de l'écran du navigateur. Donc ce que je veux dire est fondamentalement par exemple à l'aide jsFiddle: http://jsfiddle.net/ZVL8W/ Prenez ces blocs:

Et les positionner comme ceci:

Je me demandais il y aurait probablement javascript inclus puisque ces divs seraient à l'intérieur de certains structure div profonde qui a défini la largeur, de sorte que les divs de contrôle de diaporama devraient en quelque sorte être en mesure de sortir de la largeur définie des conteneurs parents.

Answer 1

Check this out: http://jsfiddle.net/ZVL8W/3/
Cela a une hauteur égale quelle que soit la taille de l'écran est.

.left-box { 
     width: 100px; 
     height: 100px; 
     background-color: red; 
     display: block; 
     position:absolute; 
     top:50%; 
     left:0px; 
     margin-top:-50px; 
    } 
    .right-box { 
     width: 100px; 
     height: 100px; 
     background-color: blue; 
     display: block; 
     position:absolute; 
     top:50%; 
     right:0px; 
     margin-top:-50px; 
    } 

Answer 2

vous pouvez tout faire par CSS: http://jsfiddle.net/ZVL8W/7/

.left-box { 
    width: 100px; 
    height: 100px; 
    background-color: red; 
    display: block; 
    position:absolute; 
    top:50%; 
    margin-top:-50px; 
    left:0; 
} 
.right-box { 
    width: 100px; 
    height: 100px; 
    background-color: blue; 
    display: block; 
    position:absolute; 
    left:100%; 
    margin-left:-100px; 
    top:50%; 
    margin-top:-50px; 
}