Centrer une div

**Mench59** · 14/05/2014, 11h22

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 !!!

**mathieu** · 14/05/2014, 18h37

pourquoi tu ne le centres pas directement en CSS ?

Centrer une div

jQuery

Vue hybride

Discussions similaires

Partager

Partager