Webmaster Hub > Forcément un problème css avec diff navigateurs

Version complète: sur le forum Webmaster Hub : Forcément un problème css avec diff navigateurs

Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS

xpatval

jeudi 28 octobre 2004 à 13:20

Bonjour,

Je suis confronté à un problème entre navigateurs différents et un <form>

Avec IE6, ce que je souhaite afficher se réalise.

Avec OPpera, Netscape, Mozilla firefox, le problème apparaît.

Dans le html, j'ai ceci:

CODE

<div id="cent">
<p class="tex">
<form id="formg" action="glossaire_rech.php" method="post">
<fieldset>
<label style="margin-right: 50px;">Saisir un terme:    </label>
<input class="form1" type="text" name="terme" value="">   <input src="commun/go.gif" type="image" align="absmiddle"><br><br><br>
<label style="margin-right: 50px;">Liste complète:     </label>
<input class="form1" style="cursor:hand;" type="submit" name="vocab" value="Glossaire">
</fieldset>
</form>
</p>
</div>

Dans ma feuille de style:

CODE

#cent p.tex {
margin-left: 50px;
margin-right: 60px;
margin-bottom: 25px;
color: #66CCCC;
}

#formg {
background-color: #0000CC;
}

#formg fieldset {
padding: 10px;
margin-left: 50px;
margin-right: 60px;
}

.form1 {
background: #000066;
margin-left: 50px;
border:1px solid #FF9900;
color: #FFCC00;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 700;
}

Hors, sous les navigateurs autres que IE6, la couleur de fond du formulaire se "répand" à la taille du <p>, et donc déborde du cadre du fieldset.

Est-il possible de résoudre ce problème ?

xpatval

Sylvain Trovalet

jeudi 28 octobre 2004 à 13:39

et si tu fais ça ?

CODE

fieldset
{
background-color: #0000CC;
}

xpatval

jeudi 28 octobre 2004 à 14:13

Oui, certe, pour sur, il est !

Je vais me rabattre sur cette facilité. Dommage, car je trouvais sympa les coins arrondis du fieldset sous IE6 (à condition de n'en pas modifier les couleurs de bordures ou de fond).

Merci à toi.

xpatval

petit-ourson

jeudi 28 octobre 2004 à 14:21

Le <p> accepte des éléments de type comme le <form>, <fieldset> ?

Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.