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

Signaler
Messages postés
159
Date d'inscription
dimanche 17 juillet 2011
Statut
Membre
Dernière intervention
28 janvier 2020
-
Messages postés
159
Date d'inscription
dimanche 17 juillet 2011
Statut
Membre
Dernière intervention
28 janvier 2020
-
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.

2 réponses

Messages postés
159
Date d'inscription
dimanche 17 juillet 2011
Statut
Membre
Dernière intervention
28 janvier 2020

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.
Messages postés
159
Date d'inscription
dimanche 17 juillet 2011
Statut
Membre
Dernière intervention
28 janvier 2020

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.