calque toujours au centre

**koKoTis** · 20/09/2008, 13h44

Bonjour, tes-ce possible de faire en sorte qu'un calque contenant un swf reste toujours au centre de la page ?

**Bisûnûrs** · 20/09/2008, 13h55

Et comme d'habitude, avec un peu de recherche :
http://www.developpez.net/forums/d45...ntre-page-web/

**koKoTis** · 20/09/2008, 14h01

j'ai donc récupérer ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
#centrercenter {
   position:absolute;
   top:50%;
   left:50%;
   width:300px; /* A toi de donner la bonne largeur */
   height:200px; /* A toi de donner la bonne hauteur */
   margin-left:-150px; /* -largeur/2 */
   margin-top:-100px; /* -hauteur/2 */
   background:blue;
}

mais ce ne marche pas

**Erwan31** · 20/09/2008, 14h55

Bonjour,
si tu veux qu'on puisse déceler d'ou vient ton erreur, tu dois fournir la totalité des codes (x)HTML/CSS.

**koKoTis** · 20/09/2008, 15h04

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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Calque toujours au centre</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<style type="text/css">
<!--
#centrercenter {
   position:absolute;
   top:50%;
   left:50%;
   width:300px; /* A toi de donner la bonne largeur */
   height:200px; /* A toi de donner la bonne hauteur */
   margin-left:-150px; /* -largeur/2 */
   margin-top:-100px; /* -hauteur/2 */
   background:blue;
}
-->
</style>
</head>
 
<body>
<div id="centrercenter" style="position:absolute; width:200px; height:115px; z-index:1; left: 156px; top: 67px;">
  <p>0000000000000000000000000000000000000000000000000000000000000000000</p>
  <p>0000000000000000000000000000000000000000000000000000000000000000000</p>
  <p>0000000000000000000000000000000000000000000000000000000000000000000</p>
  <p>0000000000000000000000000000000000000000000000000000000000000000000</p>
  <p>0000000000000000000000000000000000000000000000000000000000000000000</p>
  <p>0000000000000000000000000000000000000000000000000000000000000000000</p>
</div>
</body>
</html>

**koKoTis** · 20/09/2008, 15h06

j'avai laisser:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

style="position:absolute; width:200px; height:115px; z-index:1; left: 156px; top: 67px;

je l'ai supprimer est c'est bon

calque toujours au centre

CSS

Vue hybride

Discussions similaires

Partager

Partager