image de fond en bas

[colonel81]

Tout d'abord bonjour,

j'ai un problème avec mon image de fond qui devrait être centré en bas mais elle ne veut pas :/


mon code :

body
{
width:100%;

background-image: url(http://upload.stabland.fr/images/img67/gimpfond.png);
background-repeat:no-repeat;
background-position:bottom center;

}

Merci d'avance pour votre aide.


Mon forum :http://projet-gimp.forumpro.fr/

[Scoubifitz]

bonjour,

je ne vois pas votre code dans le CSS perso du forum ...

* ne pas oublier les apostrophes à l'URL ...

Code:

body
{
width:100%;

background-image: url('http://upload.stabland.fr/images/img67/gimpfond.png');
background-repeat:no-repeat;
background-position:bottom center;

}

[colonel81]

vous ne les voyez pas car j'ai fait plusieurs manip sans grand succès. L'apparence de mon forum ne se met pas a jour sur firefox alors que sur crome et ie si... Je comprends pas. J'ai effacé les caches et pourtant ça ne marche toujours pas

cdlt

coloo

[colonel81]

re (désolé pour le double post)

Bon voilà j'ai remis le code css avec les '' mais mon image apparaît sous la bannière au lieu d'apparaître vers le footer.

Je désespère... J'y suis depuis ce matin...

Tant quel est l'id ou la classe pour faire les margin sur les icone image de pot-it /annonce et sujet

[Scoubifitz]

bonjour,

vous êtes en phpbb3 ?

je ne connais pas trop , mais essayez ceci :
(le body a un id=phpbb)

Code:

#phpbb
{
width:100%;

background-image: url('http://upload.stabland.fr/images/img67/gimpfond.png');
background-repeat:no-repeat;
background-position:bottom center;

}

[colonel81]

En effet je suis en phpbb3

j'ai essayé votre code mais cela n'a rien changé...

[colonel81]

Je te remercie, grace à toi j'ai trouvé la class mais il me manquais un div.

Code:

body#phpbb div#wrap {
   
    margin: auto;
   


background-image: url('http://upload.stabland.fr/images/img67/gimpfond.png');
background-repeat:no-repeat;
background-position:bottom center;

}

Par contre cela ne marche pas sur mon firefox et je ne comprends pas pourquoi...

[colonel81]

Pour être plus explicite voici un screen sur ie et firefox.

A gauche vous avez firefox avec le fond en haut et les couleur du forum qu'il trouve je ne sais où...

A droite ie avec le bon design mais il me dit qu'il y a des erreurs sur la page.



cdlt

coloO

nb : je ne suis pas fondateur.

[Scoubifitz]

bonjour,

pourquoi mettez vous un " margin: auto; " ?

inversez le positionnement :

body#phpbb div#wrap {
background-image: url('http://upload.stabland.fr/images/img67/gimpfond.png');
background-repeat:no-repeat;
background-position: center bottom;
}

[colonel81]

Si je ne mets pas le margin auto j'ai tous le forum qui est à gauche. Je vais réessayer.

cdlt

edit : en inversant je n'ai plus besoin du margin auto sur ie mais les donées cafouille en bas. La moitié est centré et l'autre moitié aligné sur la gauche.
edit : sur firefox ça marche.

Il ne me reste plus qu'a trouvé le margin pour les icones annonce Note et sujets.

[Scoubifitz]

je ne connais pas cette version de forum , désolé ...

je cède ma place à quelqu'un de plus compétent ...

à tout hasard , vérifiez si vous ne trouvez pas votre bonheur dans ce tuto ...

https://forum.forumactif.com/t274033-les-principaux-identifiants-css-phpbb2-phpbb3

[colonel81]

c'était exactement le tuto dont il me fallait. Je vous remercie

cdlt

coloo