2010-03-17 4 views
1

est-il possible de diviser 2 images verticalement et lors du redimensionnement du navigateur, il ne se chevauche pas mais reste centré verticalement?CSS centrage vertical image de fond divisée ne chevauchant pas

peut l'image de gauche reste fixe de sorte que le côté droit de celui-ci ne sera pas coupé (recouvrement)

ce que j'ai maintenant, mais lors du redimensionnement du navigateur plus petit, il pousse l'image de gauche sous la droite . plutôt avoir les images coupées sur les côtés extérieurs et ne se chevauchent jamais au milieu, ont un sens?

#wrapper { 
width:1680px; 
max-width:1680px; 
height:500px; 
margin: 0 auto; 
} 
#left-image { 
width: 50%; 
position:absolute; 
left: auto; 
height:500px; 
} 
#right-image { 
width: 50%; 
position:absolute; 
right: 0px; 
height:500px; 
} 

Répondre

1

Avez-vous essayé ce plugin jQuery?

http://plugins.jquery.com/project/elementcenter

Il gardera des éléments de choix au centre.

+0

Je pense que votre suggestion est un peu lourde. Cela devrait * facilement * être accompli uniquement dans CSS, compte tenu de la bonne CSS. (ne dit pas ma réponse est correcte) – Drew

+1

comme je l'utilise déjà jquery c'est génial! vraiment apprécier ça! désolé je suis nouveau ici et ne peux pas voter. – user295292

+0

De rien. – Kevin

0

pour le right-image ce qui se passe si vous utilisez left: 50%; au lieu de right: 0px;?

+0

cela ne semble rien changer – user295292