CSS : Div ne sera pas centré, et taille bizarre

Question

Tengo un div et je veux le centrer sur l'écran avec JQuery mais ça ne marche pas, c'est embrouillé parce que j'ai centré d'autres éléments. divs avec la même méthode.

CSS :

#textLinks
{
    text-align:center;
}

JQuery :

$('#textLinks').css({
    position: 'absolute',
    left: ($(window).width()/2 - $('#textLinks').outerWidth()/2),
    top: ($(window).height()/2 + $('#ShapesWrapper').outerHeight()/2)
});

JSFiddle lien : http://jsfiddle.net/j08691/8tvs8/9/
Page web actuelle : http://sosco.ir/index2.html

Answer 1

Votre div est en fait centré correctement il a juste margin-left: 87px dans le style inline. Enlevez-le, et il sera centré correctement.

Vous pouvez le faire en ajoutant

$("#textLinks").css('margin-left','0px');

Directement après votre $('[id^=text]').css('margin-left', initX + 'px'); code.

DEMO

Answer 2

Retirez ces lignes de votre jQuery :

$('[id^=text]').css('width', x * 2 + 'px');
$('[id^=text]').css('margin-left', initX + 'px');

Exemple de jsFiddle

Ou si vous voulez que la division reste étroite, laissez l'élément $('[id^=text]').css('width', x * 2 + 'px');

MISE À JOUR : une solution encore plus simple semble être de modifier cette ligne :

$('[id^=text]').css('margin-left', initX + 'px');

à ça :

$('[id^=text]').not('#textLinks').css('margin-left', initX + 'px');

Exemple de jsFiddle

Answer 3

Essayez de repleace :

$('[id^=text]').css('margin-left', initX + 'px');

pour :

$('[id^=text]', '#TextWrapper').css('margin-left', initX + 'px');