2011-09-16 1 views
1

Je prévois de créer une couche d'éléments absolument positionnés qui est déplacée avec jQuery. J'ai besoin de créer un cadre, au-dessus et autour de cette couche, qui a une fenêtre fixe au centre et des bords qui coulent vers les bords de la fenêtre du navigateur, créant un masque qui masque les parties du calque principal qui est déplacé sous .Quelle est la meilleure façon de créer un cadre avec une dimension intérieure fixe et une dimension extérieure fluide?

Actuellement, je me sers quatre divs pour créer le cadre et en définissant leurs dimensions onload une déclaration jQuery comme ceci:

`$("#viewportLeft,#viewportRight").css("width",($(window).width()-[maskViewportWidth])/2);` 

une meilleure idée?

+0

avez-vous réussi? Si oui pouvez-vous poster un exemple de travail (peut-être sur js violon ou quelque chose). Je pense qu'il peut y avoir une solution CSS, mais j'ai besoin de voir en action ce que vous essayez d'accomplir. parce que vous pouvez obtenir 100% de largeur et de hauteur en utilisant css en fonction exactement de ce que vous faites. –

+0

Voici un exemple: http://jsfiddle.net/8VRT5/ Donc, l'objectif est que ces divs viewport créent une ouverture de taille fixe au centre, tout en classant le reste de la page. – Ben

Répondre

0

Pourquoi ne pas simplement déplacer un div dans un autre div?

+0

Si je le faisais, pour autant que je puisse le dire, je n'aurais pas une couche d'éléments agissant comme un masque pour couvrir les parties cachées de la couche qui se déplace en dessous. – Ben

+0

C'est vrai, mais peut-être expliquer le but, car je supposais que cette réponse permettrait de résoudre votre problème. – jcuenod

Questions connexes