2px auto entre bordure et image sur firefox
Résolu
Nico-play
Messages postés
35
Date d'inscription
Statut
Membre
Dernière intervention
-
chaouki84 -
chaouki84 -
Bonjour, j'ai un petit problème. Regardez cette page sous Firefox puis sous IE : http://bazarbizarre.free.fr/new%202.html ( cette page a été créer exprès ). Firefox lui , il me rajoute un espace de 2px entre l'image et la bordure alors que IE luis il ne me rajoute rien , c'est normal, car je n'ai rien demandé de rajouter. Pourquoi Firefox me rajoute-t-il 2px entre l'image et la bordure ?
Voilà le code HTML :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="verify-v1" content="QP3FpUCm1hMEn0asbIxBLhr35ZQcu69rmvOZCyir87g=" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="http://bazarbizarre.free.fr/design2.css" />
<link rel="shortcut icon" type="image/x-icon" href="http://bazarbizarre.free.fr/Images/logo.ico" />
</head>
<body>
<div>
<div class="flottants_gauche"><img src="http://stockagebb1.free.fr/images/plateau_ravin_de_la_soif2.jpg"
alt="Plateau du ravin de la soif"/></div>
<h3>Ravin de la Soif</h3>
<p>Ce premier plateau est petit, ce qui vous permet de débloquer plus rapidement les minis-jeux rares.
Ce plateau est truffé de cases mini-jeu 2vs2.</p>
<div>
</body>
Voilà le code css:
.flottants_gauche
{float: left; width: 140px; border: 2px solid; text-align: center;}
Merci :)
Voilà le code HTML :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="verify-v1" content="QP3FpUCm1hMEn0asbIxBLhr35ZQcu69rmvOZCyir87g=" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="http://bazarbizarre.free.fr/design2.css" />
<link rel="shortcut icon" type="image/x-icon" href="http://bazarbizarre.free.fr/Images/logo.ico" />
</head>
<body>
<div>
<div class="flottants_gauche"><img src="http://stockagebb1.free.fr/images/plateau_ravin_de_la_soif2.jpg"
alt="Plateau du ravin de la soif"/></div>
<h3>Ravin de la Soif</h3>
<p>Ce premier plateau est petit, ce qui vous permet de débloquer plus rapidement les minis-jeux rares.
Ce plateau est truffé de cases mini-jeu 2vs2.</p>
<div>
</body>
Voilà le code css:
.flottants_gauche
{float: left; width: 140px; border: 2px solid; text-align: center;}
Merci :)
A voir également:
- 2px auto entre bordure et image sur firefox
- Bordure de page word - Guide
- Video downloadhelper firefox - Télécharger - Outils pour navigateurs
- Telecharger firefox - Télécharger - Navigateurs
- Image iso - Guide
- Exporter favoris firefox - Guide
