Centrer background-image dans le <body> sous FF et Opera

massstreamer

14 Mar 2006 à 16:32

Bonjour à tous.

Je voudrais centrer en largeur ET EN HAUTEUR une image d'arrière plan dans le <body>. Ca a l'air simple comme ça, mais voilà, sous Fire Fox et sous Opera (dernière version pour les deux navigateurs), Ils centrent la background-image en largeur mais pas en hauteur.

voici la raison de mon appel à l'aide:http://massstreamer.free.fr

si quelqu'un peut m'aider, j'en serai heureux.

Merci d'avance.

Pandore

14 Mar 2006 à 17:58

Salut,

En recodant comme ça :

body{
padding:0;
margin:0px 0px 0px 0px;
background-image:url(../img/trait-pi02.jpg);
background-repeat:no-repeat;
background-position:top center;}

#principal{
position:absolute;
left:50%;
top:35%;
width:316px;
height:152px;
margin-top:0px;
margin-left:-190px;
background-image:url(../img/coin.jpg);
background-repeat:no-repeat;
background-position:top right;
background-color:#FFFFFF;
border-bottom:1px solid #000000;
border-left:1px solid #000000}

J'arrive à avoir sous Firefox ce qui est affiché sous IE (je suppose que c'est ce que tu voulais^^)

Par contre, je n'ai pas testé le code sous IE ni sous Opera car j'ai fait ça vite fait en "jouant" avec la fonction "editer les css" de ma barre webdevelopper sous mon Fox Smiley biggrin

Je te laisse donc le soin de tester toi-même le code pour voir si ça s'affiche correctement sut tous les navigateurs. Tiens-nous au courant Smiley cligne

Christian Le Bouler

14 Mar 2006 à 20:52

bonjour,

l'image ne peut pas se centrer en hauteur parce qu'il n'y en a pas.


html,body {
height:100%;
}

Modifié par clb56 (14 Mar 2006 - 20:52)