Hey,
ohne mir das jetzt angeschaut zu haben...
Kennst du dich mit CSS ein bisschen aus?
Da kannst du nämlich mit relativ einfachen Mitteln das Ganze zentrieren. Alles in einen div-Container packen und als Eigenschaft "width:500px;margin: 0 auto;" angeben. Die Breite muss natürlich angepasst werden...
Hintergrundbild kannst du auch mit CSS machen. Je nachdem dann die Eigenschaft für das body-Tag oder den div-Container angeben - wie du willst.
MfG, Chris 
Ich denke so sollte es klappen:
<?php
/*
* @package AJAX_Chat
* @author Sebastian Tschan
* @copyright (c) Sebastian Tschan
* @license GNU Affero General Public License
* @link https://blueimp.net/ajax/
*/
// Show all errors:
error_reporting(E_ALL);
// Path to the chat directory:
define('AJAX_CHAT_PATH', dirname($_SERVER['SCRIPT_FILENAME']).'/');
// Include custom libraries and initialization code:
require(AJAX_CHAT_PATH.'lib/custom.php');
// Include Class libraries:
require(AJAX_CHAT_PATH.'lib/classes.php');
?>
<div style="background-image:url(deinbild.gif);margin:0px auto;">
<?php
// Initialize the chat:
$ajaxChat = new CustomAJAXChat();
?>
</div>@ darkxor
du musst dem div aber vorher eine feste breite geben bevor du "margin:0 auto;" anwenden kannst
Danke für den Tipp bisher hatte ich bei meinen Divs immer feste Breiten
daher wusste ich noch nicht das dies dafür nötig ist. 