Question

I have a div and I want center it on the screen with JQuery, but it does not work, it’s weired because I centered other divs with same method.

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 link: http://jsfiddle.net/j08691/8tvs8/9/
Actual web page: http://sosco.ir/index2.html

Answer 1

Remove these lines from your jQuery:

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

jsFiddle example

Or if you want to keep the div narrow, leave in the $('[id^=text]').css('width', x * 2 + 'px');

UPDATE: even easier solution seems to be to change this line:

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

to this:

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

jsFiddle example