Page web non centrer

Fermé
DocDocument Messages postés 4 Date d'inscription mercredi 16 février 2011 Statut Membre Dernière intervention 18 février 2011 - Modifié par DocDocument le 16/02/2011 à 17:47
DocDocument Messages postés 4 Date d'inscription mercredi 16 février 2011 Statut Membre Dernière intervention 18 février 2011 - 18 févr. 2011 à 20:02
Bonjour,
Il y a plusieurs mois j'ai créer plusieurs page internet , seul problèmes aucune n'est centré.
Je suis chez forum-actif, sur cette hébergeur nous pouvons créer et personnaliser nos propres page
Ces page contienne environ 7div.
Je vous joint si dessous le Css

Edit: Comment se fait-il que mon html ne passe pas ici?
https://lidet.forumgaming.fr/h45-html
lien pour l'html

<style type="text/css">     

html     
{     
height: 100%;     
}      


body {     
 background-color: #0a0a0a;     
 background-image: url("");     
 background-attachment: fixed; center;     
        background-repeat: no-repeat ;      
        margin-top: 80px;     
        position: absolute;      
        margin-left :auto;      
        margin-right:auto;     
        width:80%;     
        text-align: center; /* pour corriger le bug de centrage IE */      
 }     

div#global {     
       margin-left: auto;     
       margin-right: auto     
 }     
div#bandeau {      
        margin-left:469px;     
        display: block;     
 width:672px;     
 height:180px;     
 background-color:#000;     
        background: url(http://www.wolfarea.org/wiki/images/7/76/Wiki_wet.jpg);     
        border:2px solid #fff;     
 }     
div#loginzone {     
       background-color:#515E78;     
       background: url(http://www.falxleagues.net/home/img/map_thumbnails/et/supply.gif)no-repeat;     
       font-size: 11px;     
       border:2px solid #fff;     
       color: #000;     
       margin-left:1149px;     
       margin-top:-183px;     
       width:251px;     
        height:179px;     
        position: absolute;     
       display: block;     
        float: left;     

}     
div#menu {     
 float:left;     
 width:100px;     
 height:200px;     
 background-color:#FF6699;     
        margin-left:469px;     
        margin-top:5px;     
        display: block;     
        float: left;     
 }     
div#menu_haut {     
 width:378px;     
 height:auto;     
 background-color:#0000000;     
        background: url(http://img51.xooimage.com/files/4/9/4/menu_haut-25a2336.jpg);     
        border:2px solid #fff;     
        display: block;     
        float: left;     
 }     
div#menu_bas {     
 width:378px;     
 height:auto;     
 background-color:#ccc;     
        margin-top:5px;     
        border:2px solid #fff;     
         display: block;     
        float: left;     
 }     
div#contenu {     
       clear:both;     
 float:left;     
 width:545px;     
 height:auto;     
 background-color:#ccc;     
        margin-left:855px;     
        margin-top:-200px;     
        border:2px solid #fff;     
        margin-bottom: 10px;     
        display: block;     
        float: left;     
}     
div#contenu2 {     
 clear:both;     
 float:left;     
 width:545px;     
 height:auto;     
 background-color:#ccc;     
        margin-left:855px;     
        margin-top:-5px;     
        border:2px solid #fff;     
        margin-bottom: 10px;     
        display: block;     
        float: left;     
 }     

div#pied_page2 {     
 clear:both;     
 width:545px;     
 height:80px;     
 background-color:#000;     
        margin-left:855px;     
        margin-top:-5px;     
        color:#fff;     
        border:2px solid #fff;     
        display: block;     
        float: left;     
}     

       a:link, a:visited {     
       color: #fff;     
        text-decoration: none;      
 }     

h3{     
    text-align: center; /* Pour centrer le titre */     
    font-family: "Arial Black", Arial, Verdana, serif;     
    font-size:15px;     
    color:#ff0000;     
    background: url(http://i34.servimg.com/u/f34/14/84/87/27/bfbc2_12.jpg);      
    width:543px;     
    height:68px;}     

.h2menu{     
       background: url(http://i70.servimg.com/u/f70/15/50/49/37/le_sit11.jpg);     
       width:374px;          
        height:53px;color:#fff;     
}     

p{     
  text-align:left;     
  margin-left:3px;     
  margin-right:3px;     
}     

.titre{     
  background: url(http://i37.servimg.com/u/f37/15/97/01/87/gris10.png)repeat;     
  color:#fff;     
  font-size:15px;     
  padding:auto;     
}     
a.lien1 {      
  color:#fff;     
   text-decoration:none;     
   font-weight:bold;     
  background-attachment:no-repeat;     
  font-size:12px;     
}      

ul{margin-left:30px;margin-top:5px;}     

li{       
  list-style-image : url(http://www.deuil-suicide.org/IMG/puce_fil_forum.jpg);     
  text-align: left;     
}     

li:hover{       
  list-style-image : url(http://www.nantes.fr/webdav/site/nantesfr/shared/fileadmin/images/Puces/Titres/puce_titres_culture.gif);     
  text-align: left;     
}     
.bandeau{     
   position: fixed;     
   z-index: 2; /* place ce div au dessus des autres */     
   top: 0%;     
   left:0px;     
   width: 100%;     
   height:37px;     
    background-color: #000; /* couleur du fond */     
    color: #fff;     
   font-family: "Comic Sans MS", Arial, Verdana, serif;     
    text-align: center;     
   font-size: 12px; /* Paragraphes de 14 pixels */     
   vertical-align: middle; display: inline;     
   border: 2px solid #fff;      
}     

</style>     

Si quelqu'un trouve le problème.
merci de votre aide.


Doc vous remercie ! :P
A voir également:

3 réponses

DocDocument Messages postés 4 Date d'inscription mercredi 16 février 2011 Statut Membre Dernière intervention 18 février 2011
17 févr. 2011 à 18:30
Bonjour, up du sujet.
0
DocDocument Messages postés 4 Date d'inscription mercredi 16 février 2011 Statut Membre Dernière intervention 18 février 2011
18 févr. 2011 à 18:23
Up, merci de m'aidez .
0
DocDocument Messages postés 4 Date d'inscription mercredi 16 février 2011 Statut Membre Dernière intervention 18 février 2011
18 févr. 2011 à 20:02
Résolue, c'était deux petit div :)
0