Please help me with this code

[Divvy]

Hello friends,

I have this website: http://gridporn.net
The theme is not compatible with the screen resolution 1920x1080
This is an issue between the carousel grid and the users screen resolution.
The issue is the active post in the gridlist appears to the right.. not in the middle of the screen like was suppose to appear.

Look at the screen shot below:
http://i.imgur.com/xqgLe.jpg (ADULT CONTENT)

Now look how must appear:
http://i.imgur.com/1YUYc.jpg (ADULT CONTENT)

Can someone help me fix that?

-----------------------------------------------
EDIT
-----------------------------------------------

I fixed the issue above, but not at 100% yet, now I have a different issue (smaller)

I changed:

jQuery(window).resize(function() {
    jQuery(".caroufredsel_wrapper").css({
        marginLeft: (Math.ceil(jQuery(window).width() - 900 ) / 2) - 900
    });
}).resize(); 

To:

if (jQuery(window).width() ==1920){
var screen1920= 2700;
}else{
var screen1920= 900;
}
jQuery(window).resize(function() {
    jQuery(".caroufredsel_wrapper").css({
        marginLeft: (Math.ceil(jQuery(window).width() - screen1920 ) / 2) - 900
    });
}).resize(); 

The website layout now looks good using the resolution 1920x1080. Everything works fine, except one thing...

The posts that appears in the middle are the older posts ;(
Take a look: http://i.imgur.com/9KQoX.jpg

Instead of appearing the last posts first...
Take a look: http://i.imgur.com/yWX27.jpg

Is easy to fix this little issue? :-)


Thanks,
Tim

Divvy Reviewed by Divvy on 16th Oct 2012. Please help me with this code Hello friends, I have this website: http://gridporn.net The theme is not compatible with the screen resolution 1920x1080 This is an issue between the carousel grid and the users screen resolution. The issue is the active post in the gridlist appears to the right.. not in the middle of the screen like was suppose to appear. Look at the screen shot below: http://i.imgur.com/xqgLe.jpg (ADULT CONTENT) Rating: 5