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 :

Problème fieldset : Encore une différence FF et IE7


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre régulier
    Inscrit en
    Mars 2009
    Messages
    7
    Détails du profil
    Informations forums :
    Inscription : Mars 2009
    Messages : 7
    Par défaut Problème fieldset : Encore une différence FF et IE7
    Bonjour,


    Je rencontre une différence dans mes fieldset entre firefox et internet explorer 7... Certains sont même très étranges comme la différence dans le width.

    Voyez plutôt :

    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
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
     
    <form method="post" action="index.php?page=inscription" class="inscription_error">
    		<fieldset><legend>Erreurs</legend>
    			<div class="text_error">
    			<p>
     
    			</p>	
     
    			<p>
     
    			</p>
     
    			<p>
     
    			</p>
     
    			<p>
     
    			</p>
     
    			<p>
     
    			</p>
     
    			<p>
     
    			</p>
     
    			<p>
     
    			</p>
     
    			<p>
     
    			</p>
     
    			<p>
     
    			</p>
     
    			<p>
     
    			</p>
     
    			<p>
     
    			</p>
     
    			</div>
    		</fieldset>
    		</form>


    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
    24
    25
    26
    27
    28
    29
     
     
    fieldset{
    	margin-bottom:1em;
    	border:2px solid #b5bab3;
    	text-align:center;
    	height:auto;
    	line-height:5px;	
    }
     
    legend{
    	margin: 0 0 0.5em 0;
    	padding:0.3em;
    	font-weight:bold;
    	font-size:small;
    	color:black;
    	}
     
    .inscription_error{
    	margin-left:auto;
    	margin-right:auto;
    	clear:both;
    	width:500px;
    	}
     
    .text_error p{
    	color:red;
    	font-size:x-small;
    	}

    Images :

    http://img257.imageshack.us/gal.php?g=inscriptionff.jpg

  2. #2
    Expert confirmé
    Avatar de 12monkeys
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2006
    Messages
    4 093
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Service public

    Informations forums :
    Inscription : Novembre 2006
    Messages : 4 093
    Par défaut
    Bonsoir

    Avoir l'ensemble du code HTML serait intéressant (sans code php) ou mieux une page en ligne...

  3. #3
    Membre Expert Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Par défaut
    Bonjour,
    a priori ça pourrait venir de la largeur des input qui poussent celle du bloc parent. Essaye de fixer la largeur de tes input (via CSS si elle n'est pas fixé en nombre de caractères) mais ça peut aussi venir d'un problème ede layout.

  4. #4
    Membre régulier
    Inscrit en
    Mars 2009
    Messages
    7
    Détails du profil
    Informations forums :
    Inscription : Mars 2009
    Messages : 7
    Par défaut
    Citation Envoyé par 12monkeys Voir le message
    Bonsoir

    Avoir l'ensemble du code HTML serait intéressant (sans code php) ou mieux une page en ligne...
    Ce site n'est pas encore en ligne.

    Citation Envoyé par Erwan31
    Bonjour,
    a priori ça pourrait venir de la largeur des input qui poussent celle du bloc parent. Essaye de fixer la largeur de tes input (via CSS si elle n'est pas fixé en nombre de caractères) mais ça peut aussi venir d'un problème ede layout.
    Finalement, le problème venait qu'il fallait attribuer un width au fieldset.
    Pour la différence au niveau du texte, j'ai mis un margin de quelques pixels et un padding à 0.



    Je considère comme résolu

    P.S : Désolé, je viens de remarquer que le code php qui est présent entre chaque <p> ne s'est pas affiché, ce qui est plutôt logique mais j'y avias pas pensé tout de suite.

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

Discussions similaires

  1. Réponses: 2
    Dernier message: 03/06/2013, 11h40
  2. Problème pour mettre une couleur de font dans un fieldset
    Par sophie_44 dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 03/11/2010, 08h56
  3. Réponses: 10
    Dernier message: 09/10/2008, 12h25
  4. Réponses: 4
    Dernier message: 07/04/2007, 11h23
  5. problème xsl : inclure une donnée xml dans une balise html
    Par djodjo dans le forum XSL/XSLT/XPATH
    Réponses: 3
    Dernier message: 03/01/2003, 09h24

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