Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11

Problème de marge avec IE

4 réponses
Avatar
Pascale
Bon, j'espère que cette fois-ci ce n'est pas tout à fait une question .on.

Je fais quelque chose de très simple, histoire une fois de plus de
remplacer un tableau. 2 éléments (bgauche et bdroit) doivent se retrouver
côte à côte sur la même ligne (il s'agit de 2 boutons avec chacun du texte
en-dessous).

Ça donne en résumé, pour la partie CSS, :

BODY
{font-size: 12px; width: 80%; max-width: 800px; text-align: center; margin:
auto;}
DIV.boutons
{padding: 10px;
font-weight: bold;}
P.bgauche
{float: left;
width: 50%;
color: rgb(0,100,0);}
P.bdroit
{margin-left: 50%;
color: rgb(140,0,0);}

et pour le HTML :

<div class="boutons">
<p class="bgauche">
<a href="suite.php"><img src="images/continuer.png" alt="Continuer"
title="Accès au site et à toutes ses fonctionnalités"></a><br>
Accès au site</p>
<p class="bdroit">
<a href="faq.php" target="_blank"><img src="images/faq.png" alt="Questions
Réponses" title="A lire absolument pour tout savoir sur le fonctionnement
du site"></a><br>
Le fonctionnement du site</p>
</div>

Tout marche bien pour Opera et Firefox, mais pour IE, jusqu'à IE7, c'est
tout moche, le deuxième bouton apparaît plus bas que le premier ! C'est
quoi, ce truc, un bug connu ou encore moi qui suis mal réveillée ?

--
Pascale
http://www.la-grille-verte.net

4 réponses

Avatar
docanski
Alors que les eleveurs et agriculteurs empoisonnent toujours la
Bretagne, Pascale ecrit ce qui suit en ce 04/12/2010 15:23 :

width: 50%;



Essaye en limitant à 49 %

Cordialement,
--
docanski

Portail et annuaire du nord-Bretagne : http://armorance.free.fr/
Guide des champignons d'Europe : http://mycorance.free.fr/
La vallée de la Rance maritime : http://valderance.free.fr/
Les côtes du nord de la Bretagne : http://docarmor.free.fr/
Avatar
Pascale
docanski écrivait
news:iddsvu$160r$:

width: 50%;



Essaye en limitant à 49 %



Ben penses-tu... j'ai même essayé avec des marges fixes (en pixels).
J'obtiens toujours ça :

http://i60.servimg.com/u/f60/11/80/63/78/testin10.jpg

(beurk).

--
Pascale
http://www.la-grille-verte.net
Avatar
docanski
Alors que les eleveurs et agriculteurs empoisonnent toujours la
Bretagne, Pascale ecrit ce qui suit en ce 05/12/2010 12:29 :

Ben penses-tu... j'ai même essayé avec des marges fixes (en pixels).
J'obtiens toujours ça :
http://i60.servimg.com/u/f60/11/80/63/78/testin10.jpg



Comme ceci, ça devrait fonctionner :

<?xml version="1.0" encoding="iso-8859-1"?>
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title></title>
<style type="text/css">
BODY {font-size: 12px; width: 80%; max-width: 800px; text-align: center;
margin:auto}
img {padding: 10px}
div.bgauche {position:relative;float:left;width: 40%; color: rgb(0,100,0)}
div.bdroit {position:relative;float:right;width:40%;color: rgb(140,0,0)}
</style>
</head>
<body>
<div class="bgauche">
<a href="suite.php"><img src="oui.gif" alt="Continuer"
title="Accès au site et à toutes ses fonctionnalités"></a><br>
Accès au site</div>
<div class="bdroit">
<a href="faq.php" target="_blank"><img src="non.gif" alt="Questions
Réponses" title="A lire absolument pour tout savoir sur le fonctionnement
du site"></a><br>
Le fonctionnement du site</div>
</body></html>

Cordialement,
--
docanski

Portail et annuaire du nord-Bretagne : http://armorance.free.fr/
Guide des champignons d'Europe : http://mycorance.free.fr/
La vallée de la Rance maritime : http://valderance.free.fr/
Les côtes du nord de la Bretagne : http://docarmor.free.fr/
Avatar
Pascale
docanski écrivait
news:idg86b$gh9$:

Comme ceci, ça devrait fonctionner :



Dans mes bras !© (-:
Tu me sauves, mais quand même, j'aimerais bien savoir pourquoi ce que je
faisais ne plaisait pas à cette saleté d'IE !

--
Pascale
http://www.la-grille-verte.net