28220 sujets

CSS et mise en forme, CSS3

Background position defectueux dans Opera et Firefox

Bonjour,

Je rencontre un souci avec la balise background-position en css. En effet j'ai beau mettre mon background en : right bottom; le right fonctionne dans tous les navigateurs, mais le bottom, ne marcge pas sur la derniere beta de firefox a savoir la 1.5rc1 et Opera 8 le dernier...

Le background se positionne pas au max en bottom, il n'est pas coller au bottom donc, et me laisse un blanc...

cela fonctionne sur IE et sur mozilla firefox 1.0

Si vous avez une astuce, merci d'avance Smiley cligne
yep, dsl alors je vous met ça,

alors du coté du css :

body {
	background-color:#EEEEEE;
	background-image:url(images/background.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
	margin:0px;
	}

img {
	border:0px;
}

.top {
	background-image:url(images/background_top.jpg);
	background-repeat:no-repeat;
	width:294px;
	height:473px;
	}
	
.centreur {
	position:absolute;
	left:50%;
	top:50%;
	width:194px;;
	height:164px;
	margin-top:-82px;
	margin-left:-97px;
	text-align:center;
	}
	
.misstrip {
	background-image:url(images/misstrip.gif);
	background-repeat:no-repeat;
	width:194px;
	height:95px;
	margin-bottom:18px;
	}


et du coté du html :


<body onload="MM_preloadImages('images/fr.gif','images/f.gif')">
<div class="top"></div>
<div class="centreur">
<div class="misstrip"></div>
<a href="#" onclick="Lvl_openWin('site.htm','misstrip','760','551','0','0','1','width=760,height=551');return document.MM_returnValue"><img src="images/entrer.gif" /></a>
<div class="plugin"><a href="http://www.macromedia.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash&Lang=French" target="_blank" onclick="MM_nbGroup('down','group1','flash_plugin','images/f.gif',1)" onmouseover="MM_nbGroup('over','flash_plugin','images/fr.gif','',1)" onmouseout="MM_nbGroup('out')"><img src="images/f.gif" alt="" name="flash_plugin" width="39" height="12" border="0" id="flash_plugin"  /></a></div>
</div>
</body>
Je viens faire profiter de ma trouvaille (juste à l'instant) si cela peut faire avancer le schilmblik. Dans ce post je pense que c'est le meilleur endroit !

En mettant à jour FFox en version 1.5 ce matin, je m'aperçois que mon site d'hier n'affiche plus mon image de fond calée en bas à gauche. Rien n'a bougé dans la nuit... Idem sous Opéra 8.5 (pas mi sà jour mais pas vérifié dessus hier non plus) : rien ne s'affiche ! Alors que notre bon IE 6 gère l'image en bas à gauche sans souci Smiley cligne

Après de longues recherches... résultat !
Au lieu de (version 1 qui bug) :
background: #ae0000 url(../img/madame-kay.gif) bottom left no-repeat;


il fallait version 2 :
background: #ae0000 url(../img/madame-kay.gif) no-repeat fixed bottom left;

et dans l'ordre légal svp !

Le plus curieux c'est que dès que l'on retire "bottom" dans la version 1 et que l'on met top, left, right, sans "fixed" précisé, et bien cela fonctionne sur FF et Opéra

Ma conclusion : l'insertion de "bottom" demande à définir la balise background STRICTO-SENSO (on devrait tjs coder stricto-senso, je sais, ne te biles pas Raphaël) Smiley ravi

Autre conclusion, ou expériences de votre côté ?
Sujet clos
Aller à