[XHTML] Problème d'affichage ie vs firefox2

**rvux69** · 23/01/2007, 11h54

bonjour,

j'ai créé un tableau avec des bords arrondis, c.a.d. j'ai mis des images au 4 angles. Pas de problème dans ie mais dans firefox par contre j'ai décalage à l'affichage des images !!!

si quelqu'un à une idée, je l'en remercie d'avance,
Hervé.

Voici le code:

Code :

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
31
32
33
34
35
36
37
38
 
<html>
	<head>
		<title>test</title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<style>
                        .tableppal { width: 220px;}
                        .tableppal .top .left, .tableppal .top .right, .tableppal .bottom .left, .tableppal .bottom .right 
                        {width: 20px; height: 20px; }
                        .tableppal .top .left {background-position: top;background-image:url(/img/top_left_trait.png);background-repeat: no-repeat; }
                        .tableppal .top .right {background-position: top; background-image: url(/img/top_right_trait.png); background-repeat: no-repeat;}
                        .tableppal .bottom .left {background-position: bottom;background-image: url(/img/bottom_left_trait.png); background-repeat: no-repeat; }
                        .tableppal .bottom .right {background-position: bottom;background-image: url(/img/bottom_right_trait.png); background-repeat: no-repeat; }
                        .tableppal .bottom .center {width:180px;background-color:#f8f8ff}
                        .tableppal .top .center {width:180px;background-color:#f8f8ff}
                </style>
	</head>
 
	<body bgcolor="#ccff33">
		<div>
			<table border="0" cellspacing="0" cellpadding="0" class="tableppal" ID="Table1">
				<tr class="top">
					<td class="left">&nbsp;</td>
					<td class="center" style="border-top:1px solid #808080">&nbsp;</td>
					<td class="right" >&nbsp;</td>
				</tr>
				<tr bgcolor="#f8f8ff">
					<td colspan="3" style="border-left:1px solid #808080;border-right:1px solid #808080">&nbsp;</td>
				</tr>
				<tr class="bottom">
					<td  class="left">&nbsp;</td>
					<td class="center" style="border-bottom:1px solid #808080">&nbsp;</td>
					<td class="right" >&nbsp;</td>
				</tr>
			</table>
		</div>
	</body>
</html>

**Bisûnûrs** · 23/01/2007, 12h04

Essaie de mettre un DOCTYPE à ta page, XHTML de préférence :

http://web.developpez.com/faq/html/?...#html_doctypes

**rvux69** · 23/01/2007, 17h31

J'ai essayé avec plusieurs "DOCTYPE" mais le problème persiste..d'autres idées ?

**MasterOfChakhaL** · 23/01/2007, 18h08

Salut,

Je te conseille fortement de conserver un doctype tout de même. Ca t'éviteras un certains nombre de galères...

Pour tes background-position, tu ferais mieux, je pense, de définir totalement la position.

background-position: horizontal vertical;

horizontal peut prendre les valeurs: left, center ou right
vertical peut prendre les valeurs: top, center, bottom

Tu peux également indiquer des pixels ou des %

Vérifie aussi que tu n'as pas des marges définies dans tes td (les marges peuvent être présentes par défaut).

**rvux69** · 24/01/2007, 10h55

J'ai rajouté

Code :

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

1
2
 
tableppal td { padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px}

et en jouant sur les valeur de l'attribut "background-position" le problème résiste

, merci pour votre aide

Dans firefox, il semble que mes images n'aient pas la même hauteur !!!! Par contre pour la largeur, c'est bon.

**Mister Nono** · 25/01/2007, 00h13

Il y a border-radius pour faire des arrondis sans ajouter des images à chaque coins coins.

Bon je n'ai pas essayé avec le dernier IE boggué mais si les gens veulent du beau, ils n'ont qu'à adopter Firefox.

[XHTML] Problème d'affichage ie vs firefox2

HTML

Vue hybride

Discussions similaires

Partager

Partager