Positionnement vertical / FF IE

Résolu
yoann -  
 yoann -
Bonjour,

Je réalise actuellement une page facebook avec des onglets personnalisés en FBML.
Et j'ai un problème de positionnement vertical de l'image de fond (background-image de la 1ère div) qui est différent entre FF et IE 8.

Voici mon code :

<div style="width: 520px; height:800px; margin-left:auto; margin-right:auto; text-align:center; background-image:url(http://www.congres-deauville.com/facebook/images/fond-videos-conf.jpg)">
<table cellspacing="10" cellspadding="0" style="margin-top:75px; margin-left: auto; margin-right:auto; margin-bottom:auto; color:white">
<tr>
<td style="width:240px; border:thin solid white"><b>2009 : Harrison Ford</b><br/><br/>
<fb:flv  src='http://www.congres-deauville.com/facebook/flv/2009-conf-presse-Harrison_ford.flv' width='240' 
height='180' color='#000000' img='http://www.congres-deauville.com/facebook/flv/2009-harrissonford.jpg' imgstyle='width:240px; height:180px' scale='showall'/></td>
<td style="width:240px; border:thin solid white"><b>2009 : DISTRICT 9</b><br/><br/>
<fb:flv  src='http://www.congres-deauville.com/facebook/flv/2009-conf-presse-DISTRICT_9.flv' width='240' 
height='180' color='#000000' img='http://www.congres-deauville.com/facebook/flv/2009-09-06-District9.jpg' imgstyle="width:240px; height:180px"/></td>
</tr>
<tr>
<td style="width:240px; border:thin solid white"><b>2008 : APPALOOSA<br/>Ed Harris et Viggo Mortensen<br/></b>
<fb:flv  src='http://www.congres-deauville.com/facebook/flv/2008-APPALOOSA_Conference_de_presse.flv' width='240' height='180' color='#000000' img='http://www.congres-deauville.com/facebook/flv/2008-Appaloosaconf.jpg' imgstyle="width:240px; height:180px"/></td>
<td style="width:240px; border:thin solid white"><b>2007 : SHOOT THEM UP<br/>Monica Bellucci<br/></b>
<fb:flv  src='http://www.congres-deauville.com/facebook/flv/shoot-part1.flv' width='240' height='180' color='#000000' img='http://www.congres-deauville.com/facebook/flv/shoot-part1.flv.jpg' imgstyle="width:240px; height:180px"/></td>
</tr>
<tr>
<td style="width:240px; border:thin solid white"><b>2007 : REDACTED<br/>Brian De Palma et Patrick Carroll</b><br/>
<fb:flv  src='http://www.congres-deauville.com/facebook/flv/2007-redacted.flv' width='240' height='180' color='#000000' img='http://www.congres-deauville.com/facebook/flv/2007-redacted.flv.jpg' imgstyle="width:240px; height:180px"/></td>
<td style="width:240px; border:thin solid white"><b>2007 : REDACTED<br/>Brian De Palma et Patrick Carroll</b><br/>
<fb:flv  src='http://www.congres-deauville.com/facebook/flv/2007-redacted.flv' width='240' 
height='180' color='#000000' img='http://www.congres-deauville.com/facebook/flv/2007-redacted.flv.jpg' imgstyle="width:240px; height:180px"/></td>
</tr>
</table>
<a href="http://www.festival-deauville.com/VF/html/videos.php" style="color:white" target="blank" title="Site officiel du Festival du Cinéma Américain de Deauville" text-align="right">Plus de vidéos sur le site officiel du Festival...</a>
</div>


Le table contenu dans la div est lui bien positionné là où il faut (sous FF et sous IE8), à savoir à 75px du haut.
C'est juste l'image de fond qui est bien positionnée sous FF mais pas sous IE, où on dirait qu'elle "suit" le positionnement du table (ce que je ne souhaite pas).
J'ai essayé background-position:top; ainsi que jouer avec les marges...etc. Rien à faire.
Quelqu'un peut-il me guider, svp ?

Merci d'avance

2 réponses

Breub62 Messages postés 2989 Date d'inscription   Statut Membre Dernière intervention   369
 
Regarde du côté des hacks css :

http://esprit-creatif.blog.mongenie.com/index.php?idblogp=406297
0
yoann
 
Merci, je vais voir ça. Le truc, c'est que faut que j'arrive à déterminer le "paramètre" qui est vraiment responsable de la différence d'affichage.
Et en plus, vu que c'est une "page" que je crée sur facebook, je passe par une interface et je n'ai donc pas accès à tout le code (méta, body...)...

Bref, je vais continuer à chercher (et à pester contre IE ;-))

Merci pour le lien
0
Breub62 Messages postés 2989 Date d'inscription   Statut Membre Dernière intervention   369
 
De rien. Bonne continuation...
0
yoann
 
Ah, bah, incroyable ! Je pense avoir trouver tout seul : j'ai rajouté un bon vieux "position:absolute" dans ma 1ère balise table et du coup, la div n'est plus "embarquée" par le positionnement du tableau (sous IE; et sous FF ça marche toujours).

Nickel
0