Salut à tous !

Voilà j'ai un ptit souci, j'ai fait une page en construction pour le site à venir d'un ami et j'ai décidé de centrer une div je l'ai fait grâce au jQuery mais le souci c'est que parfois au chargement de la page et bien ça bug et ça ne se centre pas bien, on est obligé de faire un réactualiser pour que celà se remette en place !

http://www.les-saveurs-de-jean.com/


voici le code:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
 
 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width"/>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>Les saveurs de Jean</title>
		<meta name="description" content="Jean-Gérard Adam chef à domicile, cours de cuisine à domicile en Savoie, Haute Savoie et Suisse." />
		<meta name="keywords" content="annecy, chef a domicile, cuisinier à domicile, cours de cuisine, cuisine a domicile, domicile, haute savoie, traiteur a domicile"/>
		<script type= "text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
 
		<link rel="stylesheet" href="styles.css" type="text/css">
	</head>
 
	<body>
		<div id="container">
				<img class="logo" src="images/logo-landing-page.png" alt="Logo" >
				<div class="texte-logo">
					<p id="fittext1">Jean-Gérard Adam: chef à domicile vous propose ses services culinaires, en attendant la venue de son site, vous pouvez le contacter sur sa boite mail ou via sa page facebook.</p>
				<div>
				<h2 id="fittext2">À bientôt, chez vous !</h2>
				<footer>
					<ul>
					    <li class="facebook"><a href="https://www.facebook.com/pages/LES-Saveurs-De-JEAN/680700025329373" title="facebook" target="_blank"><img src="images/fc-webicon-facebook.png" alt="facebook"></a></li>
					</ul>
					<div class="mail">
						<p id="fittext3">contact@les-saveurs-de-jean.com</p>
					</div>
				</footer>
		</div>
 
		<!-- texte responsive -->
		<script src="js/jquery.fittext.js"></script>
		<script type="text/javascript">
			$("#fittext1").fitText(1.1, { minFontSize: '8px', maxFontSize: '14px' });
			$("#fittext2").fitText(1.1, { minFontSize: '11px', maxFontSize: '48px' });
			$("#fittext3").fitText(1.1, { minFontSize: '6px', maxFontSize: '12px' });
		</script>
		<!-- fin texte responsive -->
 
		<!-- centrage de div -->
		<script type="text/javascript">
		$(document).ready(function() {
			$('#container').Center();
		});
 
		(function($){
			$.fn.Center= function(){
				this.css({
					'position' : 'fixed',
					'left' : '50%',
					'top' : '50%'
				});
 
				this.css({
					'margin-left' : -this.outerWidth()/2,
					'margin-top'  : -this.outerHeight()/2
				});
			};
		})(jQuery);
		</script>
		<!-- fin centrage de div -->
 
	</body>
</html>
Si quelqu'un pouvais m'aider, d'avance merci !!!