[résolu] Problème d'image de fond avec Firefox

Problème d'image de fond avec Firefox [résolu] - HTML/CSS - Programmation

Marsh Posté le 17-04-2007 à 12:27:36    

Hello les kids!
 
J'ai une couille avec Firefox qui m'échappe un poil... J'ai ce code CSS dans ma page pour définir un fond qui va se répéter
 

Code :
  1. .background1 {
  2. background-attachment: scroll;
  3. background-image: url(images/fond.jpg);
  4. background-repeat: repeat;


 
Puis dans le HTML, un truc du genre

Code :
  1. ...
  2. <p class="background1">
  3. <br/>
  4. <br />
  5. <br />
  6. <br />
  7. <br />
  8. <br />
  9. hopla
  10. <table>
  11. <tr><td>hoplou</td></tr></table>
  12. <br />
  13. <br />
  14. <br />
  15. <br />
  16. <br />
  17. ...


 
J'ai mit ce code simple parceque quelque soit la table, ça déconne de la même manière...
 
Sous IE6/7, aucun problème, l'image de fond se répête sous le tableau sans problème. Par contre sous Firefox, dès que le tableau apparaît, il semblerait qu'il cesse d'afficher l'image de fond. Et ce n'est apparemment pas un problème de transparence...
 
Apparemment, c'est le tableau qui fout sa merde... Mais du coup, comment faire pour conserver le tableau et que Firefox continue à afficher l'image de fond?
 
Pour faciliter, 2 captures tiens...
 
Sous IE
 
http://mufti4.free.fr/ie.jpg
 
Sous Firefox
 
http://mufti4.free.fr/firefox.jpg


Message édité par mufti le 18-04-2007 à 01:00:33
Reply

Marsh Posté le 17-04-2007 à 12:27:36   

Reply

Marsh Posté le 17-04-2007 à 12:43:43    

tu ne peux pas mettre de tableau dans un P  
dans un P on ne peut mettre que des éléments inline, que des span, strong, em, etc...
 
Verifie par toi meme avec le dom inspector ou firebug ou la webdev toolbar de IE, tu verras que le navigator ferme lui même le P dès qu'il rencontre un élément de type block à l'intérieur du P
donc tu mets un DIV et basta :o

Reply

Marsh Posté le 18-04-2007 à 00:59:47    

Ouuuuh pinaise! Ca marche! Merci, merci beaucoup!

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed