Cartouche formulaire s'affiche mal sous IE

Bonjour,

Toutes mes cartouches formulaires s'affichent bien sous firefox mais sous IE6 la bordure du bas et la bordure de droite ne s'affichent pas.
C'est le cas pour :
- s'inscrire à la newsletter
- Rechercher
- et mon formulaire contact.

Merci beaucoup de votre aide, je mets l'url du site mais celui-ci est encore en chantier et n'est pas validé.

- Page contact : http://www.fridaetnous.fr/spip/spip2/spip3/spip.php?article29
Code css formulaires : [.formulaire_recherche
{

font-size: 13px;
height: 12px;
position: inline;
margin-left: 830px;
margin-right: 6px;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
text-align: left;}

.formulaire_spip_list_inscription
{position: relative;
width: 120px;
padding: 1px;
margin: 5px;
font-size: 13px;}

.formulaire_spip input.text { width: 140px; border: 1px inset; }
.formulaire_spip textarea { width: 99%; border: 1px inset; }
.formulaire_spip select { width: 99%; }]
Merci

Bonjour,

Essayes çà et tiens nous au courant.

.formulaire_spip input.text { width: 140px; border: 1px solid; }
.formulaire_spip textarea { width: 99%; border: 1px solid; }

Merci beaucoup de ton aide, ça marche !

J'ai encore un petit problème d'affichage sous IE6, avec ma ligne d'entête, sous mon menu (plugin Babbibel) et au-dessus de l'adresse.
Sous firefox j'ai un espace entre les deux et ça me convient, sous IE la ligne colle au menu.. J'ai essayé de mettre un "padding-top" mais cela ne fonctionne pas...

.ligne_entete  hr
 {
 float: left;
 padding-top: 3px;
 color: #ab0f14;
 width: 1060px;
 background-color: #ab0f14;
height: 3px;
}
 .adresse
{float: left;
 width: 700px;
 color: black;
 font-weight: bold;
 font-size: 0.8em;
 text-align: center;}]

css MENU BABBIBEL

.babbin{font-style:italic} /*Element expose*/
.babbout{font-style:normal} /*Element non expose*/

/*****************************************/

.nav ul{
margin:0;
padding-bottom: 3px;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.8em; 
}

.nav a{
display:block;
padding:0px 5px;
border:1px solid #333;
color:#fff;
text-decoration:none;
background-color:#333;
z-index:9;
}

.nav a:hover{  
background-color:#fff;  /*styles des liens actifs*/
color:#333;
}

.nav li{
float:left;
position:relative;
}

.nav ul {
position:absolute;
padding-bottom: 3px;
display:none;
width:19em; 			/*Largeur du sous menu; pensez a modifier le .nav li ul a {width: } et .nav li ul ul {left: } */
top:1.5em; 				/*Position du sous menu par rapport au menu*/
z-index:10;				/*Si le menu se cache sous un autre element de la page, augmenter cette valeur*/
border-left: 0px solid #fff;
border-top: 0px solid #fff;
line-height:1.85em; 	/*hauteur des lignes du sous menu*/
}

et dans ma CSS principale :

/* Habillage general des menus de navigation */
.menu { clear: both; margin-bottom: 2em; text-align: left; }
.menu p { margin: 0.20em 0; padding: 0.20em 0.10em; }
.menu ul { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #DDD; }
.menu ul li { margin: 0.20em 0; padding: 0.20em; border-top: 1px solid #DDD; }
.menu ul li ul { margin-left: 1em; border: 0; }
.menu ul li li { padding: 0; border: 0; }]

En fait (novice) je ne sais pas si j'ai besoin de cette spécification dans ma css principale. Je pense que non, la css du plugin devant prendre le relais. Est-ce qu'à ton avis je peux supprimer la classe menu de la css principale ?


édit par Igor: merci d'utiliser les BBcode pour présenter les portions de code
Modifié par Igor (22 Jan 2011 - 21:41)