Une image en background sous ie

Version imprimable

19/01/2019, 11h34
dagor31

Une image en background sous ie

Bonjour,
j'utilise la balise css bakground-size:cover dans une balise "table" pour que mon image de fond prenne toute la largeur et la hauteur de mon fond de tableau et je viens de m'apercevoir que cela ne fonctionne pas sous ie 11 de w10 alors que je pensais que ça ne fonctionnait pas que sous ie > 8 !
Un exemple :

Code:

<table border="0" width="100%" height="100%" id="table3" style="background-image:url('images/web_2000.jpg'); background-repeat:no-repeat; background-size:cover" >

Quelqu'un a-t-il une idée ?
Merci pour vos conseils
19/01/2019, 12h18
Invité

Bonjour,

Et en appliquant plutôt ce background à un <div> englobant la <table> ?
19/01/2019, 17h39
dagor31

1 pièce(s) jointe(s)
Bonjour,
Je l'ai fait :
Code:

1 2 3 4 5 div { background-image:url('../images/web_2000.jpg'); background-repeat:no-repeat; background-size:cover; }
Ca donne toujours çà :

Pièce jointe 442896

Merci pour la réponse

1 pièce(s) jointe(s)

Bonsoir,
Voila ce que ça donne :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<div class="eTable">
 <table border="0" width="100%" height="100%" id="table3" >
	<tr>
		<td rowspan="3">
		<div align="center"></div>
		</td>
		<td width="444" height="90">&nbsp;</td>
		<td rowspan="3" width="323">&nbsp;</td>
	</tr>
	<tr>
		<td width="100%" align="center" height="500">
		<font face="Verdana" size="7" color="#16B216"><strong>UN SERVICE</strong></font><p>
		<span style="letter-spacing: 2px">
		<font face="Verdana" size="7" color="#16B216"><strong>HORS PAIR</strong></font></span></td>
	</tr>
	<tr>
		<td width="100%" align="center">
      <A href="contact.php" title="Nous contacter.">
      <img src="images/button5.gif" height="46" width="230" alt="Prendre rendez-vous" 
      onmouseover="this.src='images/button6.gif';" 
      onmouseout="this.src='images/button5.gif';"
      onmousedown="this.src='images/button7.gif;"
      onmouseup="this.src='images/button5.gif';"
       alt="Nous contacter" /></A>
 
    </td>
 
	</tr>
 </table>
</div>

Code:

1
2
3
4
5
6
 
.etable {
    background-image:url('../images/web_2000.jpg');
    background-repeat:no-repeat;
    background-size:cover;
}

avec ie :
toujours parei !
avec les autres navigateur y compris edge :
Pièce jointe 442902
????

Bonsoir,
Bon, j'ai résolu un peu pour quelque temps mon problème d'affichage pour ie !
J'ai inséré ce petit bout de prog :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <?php $name=AddSlashes($HTTP_SERVER_VARS['HTTP_USER_AGENT']); if(strpos($name, "Trident") == false) { ?> <table border="0" id="table3" height="100%" width="100%" style="background-image:url('images/web_2000.jpg'); background-repeat:no-repeat; background-size:cover" > <?php }else{ echo $name; ?> <table border="0" height="100%" width="100%" class="eTable1" style="background-image:url('images/web_2000.jpg'); background-repeat:no-repeat; background-size:cover" > <?php } ?>
Code:

1 2 3 4 5 6 7 8 .etable1 { background-image:url('../images/web_2000.jpg'); background-repeat:no-repeat; background-size:cover; background-position:100% 100%; background-position:center center; }
c'est vrai, c'est pas terrible, mais quand on est en face de ces c... de problèmes hors normes !
ça a l'air de fonctionner, il ne me reste plus qu'a dimensionner mon image pour ie au format win7 à xp, c-a-d 1440*900 et ça roulera e, espérant que ceux qui ont w10 seront de plus en plus nombreux à abandonner W7 et xp et utiliserons edge ou le prochain ie :mouarf: !
à 71 ans ça commence à me gonfler à faire plaisir à tous ces navigateurs propiétaires à options "oui! mais !"
Merci pour tout à tous et toutes !
Crdlt

22/01/2019, 11h42
NoSmoking
Bonjour,
là j'ai vraiment du mal à comprendre la façon dont tu as résolu ton soucis :koi:

Mais attention, le style déclaré comme suit
Code:

1 2 3 .MaClasse { color: red; }
ne sera pas appliqué à l'élément déclaré comme ci-dessous

Code:

<div class="maclass">Texte qui ne sera pas rouge</div>