Ma page n'est pas centrée

Invité(e) · 09/10/2008, 07h45

Ma page n'est pas parfaitement centrée et n'est pas entièrement visible en 800X600, et pourtant j'ai respecté les codes indiqués pour le centrage adapté aux différentes résolutions.

http://www.bonnevilleautomatismes.fr/index.html

Code html :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Bonneville Automatismes - Votre partenaire de l'automatisme et de la fermeture de bâtiment </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta content="Bonneville Automatismes, bonneville, automatismes, automatisme, installation, pose, fournitures de bâtiments, bâtiment, portails, automatismes portails, automatismes volets roulants, volets roulants, volet roulant, porte, portes de garage, porte de garages, motorisation de portails, portail, portes sectionnelles, porte de garage sectionnelle, motorisation volet roulant, télécommandes, télécommande, barrière d'accès, grilles et rideaux métalliques, moteur, fermeture de bâtiment, cardin, somfy, hörmann, hormann, diferbat, lakal, guttomat, nice, berner, ditec" name="keywords" />
<meta content="Bonneville Automatismes, votre partenaire de l'automatisme et de la fermeture de portes de garage, portails, volets roulants." name="description" />
<meta content="fr" http-equiv="content-language" />
<META NAME="Robots" CONTENT="index, follow, all" />
 
 
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<style type="text/css">
<!--
body {
    margin: 0;
    padding: 0;
    background-color: #346192    
}
#conteneur {
     position:absolute;
     left: 50%; 
     top: 50%;
     width: 800px;
     height: 450px;
     margin-top: -225px; 
     margin-left: -400px; 
     border: ridge 5px #0000FF;
   }
 
 
 
</style>
</head>
<body>
<div id="conteneur">
  <p><script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','800','height','450','src','intro1','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','intro1' ); 
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="800" height="450">
    <param name="movie" value="intro1.swf" />
    <param name="quality" value="high" />
    <embed src="intro1.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="800" height="450"></embed>
  </object>
</noscript></p></div>
</body>
</html>

Merci de votre aide
@bientôt

**HiRoN** · 09/10/2008, 10h22

Salut,

Tu appliques un :

Code CSS :

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

margin-left: -400px;

a ton div conteneur.

Le problème vient certainement de là.

**Bovino** · 09/10/2008, 11h12

et n'est pas entièrement visible en 800X600

Normal, la largeur de ton bloc principal est de 800px, donc lorsqu'il y a des scrollbars, la largeur de ta page est supérieure à 800px.

Invité(e) · 09/10/2008, 14h08

Merci de vos réponses,

Je ne pense pas que cela vienne de mon

Code :

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

margin-left: -400px;

c'est la technique des marges négatives..
mais je peux toujours essayer d'oter cetb attribut..
Et quant à la largeur de 800px, ça ne doit pas provenir de là non plus, parce qu'en fait, en largeur ça va, avec le scrollbar, toute la page est visible, mais c'est en hauteur qu'il manque un bout...

Merci en tout cas..
Je vais faire des tests ce soir et vouis en dirai plus..

A+

**Bovino** · 09/10/2008, 14h14

Et quant à la largeur de 800px, ça ne doit pas provenir de là non plus, parce qu'en fait, en largeur ça va, avec le scrollbar, toute la page est visible

On doit pas avoir les mêmes yeux alors, parce qu'en 800x600, ça dépasse...

Ma page n'est pas centrée

CSS

Discussions similaires

Partager

Partager