Discussion :

[dagor31]

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 HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

<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

[Invité]

Bonjour,

Et en appliquant plutôt ce background à un <div> englobant la <table> ?

[dagor31]

Bonjour,
Je l'ai fait :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Ca donne toujours çà :



Merci pour la réponse

[dagor31]

Bonsoir,
Voila ce que ça donne :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

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 CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

????

[dagor31]

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 HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 !
à 71 ans ça commence à me gonfler à faire plaisir à tous ces navigateurs propiétaires à options "oui! mais !"
Merci pour tout à tous et toutes !
Crdlt

[NoSmoking]

Bonjour,
là j'ai vraiment du mal à comprendre la façon dont tu as résolu ton soucis

Mais attention, le style déclaré comme suit

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
.MaClasse {
  color: red;
}

ne sera pas appliqué à l'élément déclaré comme ci-dessous

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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