Position d'image relative et position absolu

bonjour,

dans mon site j'ai le css suivant

#top {
width:100%;
height:26px;
margin-top:0px;
margin-left:0px;
margin-right:0px;
background:url(/design/fond/top.jpg) repeat-x ;
}
.flag {
margin-top: 7 px;
margin-right:7 px;
}

#top1 {
width:100%;
height:400px;
margin-top:0px;
margin-left:0px;
margin-right:0px;
background:url(/design/fond/degra.jpg) repeat-x;

}
#top2 {
margin-left: 375px !important; /* moitie de width */
height:142px;
margin-top:-400px;

background:url(/design/fond/ban1.gif) no-repeat;
}

#banniere {
margin-left:150px !important; /* pour FF */
margin-top:-116px
}

qui appelé dans ma page par le code suivant :

<div id="top1"></div>
<div id="top2"></div>
<div id="banniere">
<script type="text/javascript"><!--
google_ad_client = "pub-xxx";
/* 728x90, banniere illustree */
google_ad_slot = "6527405918";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>

me positionne ma banniere de pub sur un joli fond

LE problème que je rencontre c'est que ma bannière (pub google) de premier plan est positionné de manière absolue : CàD qu'elle garde son positionnement dans la page par rapport aux autres pavés
Au contraire, mon image d'arrière plan semble etre positionné de manière relative à la largeur de la page : si je change ma taille de fenêtre d'explorateur, elle se décale à droite ou à gauche.
VOus pouvez tester le pb en ouvrant le lien :

http://www.louer-en-france.com
si vous quittez le plein écran avec le navigateur l'image de fond du haut de page se décale

Avez-vous la solution pour chacun reste à sa place en toute circonstance
Merci
Cezig

Salut cezig,

Question bête, mais pourquoi tu n'as pas mis ton image de fond (ban1.gif) sur l'élément <div id="banniere"> ?

je crois que c'est parce que je suis un peu néophite en css... et que je croyais qu'il fallait une boite par image
tu aurais la gentillesse de me donner la syntaxe en gardant les retraits différenciés pour les deux eléments

cezig

Bon je sais pas si c'est la refonte du site alsa mais le forum est ramolo en ce moment.


Comme on n'est jamais mieux servi que par soit même, j'ai résolu mon pb

il manquait la ligne

position: absolute;

a bientôt
cezig

cezig a écrit :
Comme on n'est jamais mieux servi que par soit même, j'ai résolu mon pb

Ah ben voilà qui est parfait. Pourrais-tu, comme le veux l'usage, marquer ton sujet comme [Résolu], dans ce cas ?

cezig a écrit :
je crois que c'est parce que je suis un peu néophite en css... et que je croyais qu'il fallait une boite par image
tu aurais la gentillesse de me donner la syntaxe en gardant les retraits différenciés pour les deux eléments

cezig

Erf désolé de pas t'avoir mâché, mais je bosse en parallèle Donc quand ya des soucis de prod, le forum passe un peu en deuxième plan

Pis bon.. c'est bien aussi de chercher par soit même
Modifié par Mikerob (06 Feb 2009 - 17:56)