PB de cohésion entre un fond et son interface, ne s'alignent pas de la même façoRésolu

Question

Bonsoir,

J'ai décidé de refaire le design de mon site : http://balistiq.fr
J'ai intégrer un design dans un template en php, ça n'a pas été simple mais j'ai quand même réussi à le faire, bon ma question concerne la position de l'arrière plan qui ne coïncidé pas avec le l'interface, si je diminue la taille de la fenêtre, le fond reste fixe mais l'interface bouge, je souhaiterai que les 2 bougent de la même façon, je vous donne ce que j'ai mis dans mon fichier body-styles.css :

body {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    text-align:center;
    margin:auto;
    padding:0px;
    color: black; /* couleur police boutons principaux) */
    background-color:#164988;
    background-image:url(http://balistiq.fr/templates/theme1/images/fond2.jpg);
    background-repeat:repeat-x;
    scrollbar-face-color: #286fc1;
    scrollbar-shadow-color: #757575;
    scrollbar-highlight-color: #c1c1c1;
    scrollbar-3dlight-color: #286fc1;
    scrollbar-darkshadow-color: #676767;
    scrollbar-track-color: #acb6c6;
    scrollbar-arrow-color: #ffffff;
}

ainsi qu'une partie de mon fichier styles-ie.css :

#banniere {
    width:990px;
    height: 88px;
    position:relative;
    z-index:1;
}
#centre {
    width:990px;
    position:relative;
}
#logo
{
    float:left;
    width: 170px;
    height: 88px;
    top:0px;
    left:0px;
    position: absolute;
}
#header
{
    float:left;
    width: 820px;
    height: 88px;
    top:0px;
    left:170px;
    position: absolute;
}
#pied_liens {
    width:990px;
    height:22px;
    padding-top:4px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:10px;
    color:#ffffff;
    background-color: #cccccc;
    text-align:center;
    position:relative;
}

.menu2 {
    background-color: #ffffff;
    background-image: url(images/menu.png);
    background-repeat: no-repeat;
}
.contener {
    background-color: #ffffff;
    background-image: url(images/contener.gif);
    background-repeat: no-repeat;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight:bold;
}
.bottom {
    position: relative; width: 990px; height: 6px; z-index: 1;
}
.footer {
    position: relative; width: 990px; height: 259px; z-index: 1;
}
.texte {
    margin: 10px 25px 10px 10px ; 
}

Que dois-je modifier mà dedans pour arriver à mes fins ?

Merci d'avance pour votre aide, si vous avez besoin d'éléments supplémentaires, n'hésitez pas à me demander.

chabgyver · Accepted Answer

J'ai cherché pendant un bon moment et j'ai finalement trouvé, il suffisait d'ajouter : 
background-position:50% 50%; dans mon fichier style-body.css
J'ai un peu modifié les valeurs et maintenant, ça tombe juste.

En espérant que puisse en aider quelques un(e)s.

chabgyver · Answer

N'ayant pas eu de réponse, je me permet de me rappeller à votre bon souvenir.
Quelqu'un a t-il une idée quant à mon problème ?
Merci.

PB de cohésion entre un fond et son interface, ne s'alignent pas de la même faço

2 réponses

Votre réponse

Discussions similaires