IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Soucis décalage Textarea dans formulaire sous IE


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Mars 2009
    Messages
    22
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2009
    Messages : 22
    Par défaut Soucis décalage Textarea dans formulaire sous IE
    Hello,

    J'ai un formulaire mail qui marche trés bien, seul soucis un léger décalage vers la gauche sous IE du Texarea que je n'arrive pas à corriger (con de IE !).
    Voici un résumé du code si vous allez quelques minutes à me consacrer :

    HTML :

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    <form id="monForm" action="traitement.php" method="post">
    <p><label for="nom">Nom</label><input type="text" id="nom" name="nom" value="" /></p>
    <p><label for="email">Mail</label><input type="text" id="email" name="email" value="" /></p>
    <p><label for="message">Message</label><textarea name="message" id="message" rows="5" cols="25"></textarea></p>
    <input type="submit" name="submit" />
    </form>

    CSS :

    Code : 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
    #monForm {
    	position: absolute;
    	height: 500px;
    	width: 500px;
    	left: 390px;
    	top: 500px;
    }
    #monForm p {
    	margin: 5px 0;
    }
    #monForm label, #monForm textarea {
    	display: block;
    	width: 25%;
    	float: left;
    }
    #monForm input, #monForm select, #monForm textarea {
    	margin-left: 1%;
    	width: 70%;
    }
    #monForm textarea {
    	height: 150px;
    	overflow:auto;
    }

  2. #2
    Membre averti
    Profil pro
    Inscrit en
    Mars 2009
    Messages
    22
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2009
    Messages : 22
    Par défaut
    Ok j'ai trouvé (désolé du dérangement)

    Il s'agissait d'un conflit, on va dire, dans #monForm label, #monForm textarea {

    En effet il fallait séparer le Label du Textarea et bien différencier les deux sur le CSS.

    J'ai pas trop trop bien capté le pourquoi du comment, mais ca fonctionne nikel.

    [Résolu]

  3. #3
    Membre chevronné Avatar de GihefBey
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    366
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Avril 2006
    Messages : 366
    Par défaut
    Bonjour,

    Info. intéressante. Bizarre aussi.
    Merci de l'avoir donnée.

    -

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Probleme textarea dans formulaire php/mysql
    Par moucaaa dans le forum Langage
    Réponses: 2
    Dernier message: 12/05/2011, 17h11
  2. Réponses: 0
    Dernier message: 07/06/2010, 14h31
  3. Décalage bizarre dans mon sous menu
    Par pasc06 dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 08/04/2010, 19h43
  4. petit souci requete ajout dans sous formulaire
    Par tibiurs dans le forum Access
    Réponses: 3
    Dernier message: 03/07/2008, 21h18
  5. Lien hypertexte dans formulaire sous Runtime
    Par krassi dans le forum Runtime
    Réponses: 0
    Dernier message: 09/08/2007, 15h45

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo