Bug entre navigateurs

**tiesto95** · 17/02/2009, 13h54

Bonjour, j 'ai un soucis.
j'ai créer un tableau qui contient 2 boutton radio l'un au dessus de l'autre.

Resultat avec IE7

Resultat avec Firefox3

Resultat avec Opera

Quand on regarde le resultat je me dis qu'il a un souvis avec IE7,mais j'ai cherché un peu le probléme dans mon code css,quand dans mon code body je retire le font-size le probleme ce régle,j'ai le même résultat identique à l'image IE7 sur les 3 navigateurs .

1) Bizarre quand retirant le font-size , je me retrouve avec l'effet identique à l'image IE7 dans ce cas il y a un espace non voulus entre les bouttons.

2) Si je retire le font-size le resultat et le même mais je peu plus avoir une taille de police voulus sur ma page.

J'ai essayé avec une page vierge pour voir si c'été pas mon code qui foiré, apparemment non, les navigateurs l'interprete bien ainsi.
Dans ce cas pourquoi j'ai un espace en trop que je n'ais pas créer et pourquoi je ne peu plus avoir une taille de police dans mon body sans pour autant créer un décalage entre les navigateurs.
Je précise j'ai bien utilisé celpadding celspaccing et border a 0 sur mon tableau.

Merci de votre aide

**(Benoit)** · 17/02/2009, 14h00

Bonjour,
Pourrais tu poster le code HTML correspondant à tes copies d'écran ?
Je suspecterais une histoire de marge sur des DIV ou des P

**Macmillenium** · 17/02/2009, 14h11

Bonjour,

C'est une différence au niveau des styles par défaut, fixer la hauteur/largeur du checkbox peut corriger le problème :

Code css :

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

1
2
 
.checkbox { width:13px; height:13px; }

**tiesto95** · 18/02/2009, 10h14

Non ceci ne régle pas le probléme.
benoit mon code html ne change rien, comme j'ai dit au dessus , même avec une page vierge avec juste un tableau et 2 checkbox , le probléme ce pose.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<body>
<table width="500" cellpadding="0" cellspacing="0" border="0" style="border:1px dashed #0000FF">
<td>o</td>
<td><input type="radio"/></td>
<td rowspan="2">ddd</td>
<tr>
<td>oo</td>
<td><input type="radio" /></td>
</table>
</body>

**Macmillenium** · 18/02/2009, 10h37

Envoyé par tiesto95

Non ceci ne régle pas le probléme.
benoit mon code html ne change rien, comme j'ai dit au dessus , même avec une page vierge avec juste un tableau et 2 checkbox , le probléme ce pose.

Ah bon

?

Code xhtml :

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="fr">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
	<style type="text/css">
                .radio { width:13px; height:13px; }
        </style>
</head>
 
<body>
 
	<table width="500" cellpadding="0" cellspacing="0" border="0" style="border:1px dashed #0000FF">
	<td>o</td>
	<td><input class="radio" type="radio"/></td>
	<td rowspan="2">ddd</td>
	<tr>
	<td>oo</td>
	<td><input class="radio" type="radio" /></td>
	</table>
 
</body>
 
 
</html>

Bug entre navigateurs

CSS

Vue hybride

Discussions similaires

Partager

Partager