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

HTML Discussion :

Problème centrage div


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Inscrit en
    Avril 2006
    Messages
    104
    Détails du profil
    Informations forums :
    Inscription : Avril 2006
    Messages : 104
    Par défaut Problème centrage div
    Bonsoir,

    1) Je ne parviens pas à centrer mon div#formulaire dans IE avec la propriété margin: auto

    2) J'ai attribué un float:left aux boutons submit et reset de mon formulaire pour qu'ils s'alignent l'un à côté de l'autre mais du coup sous firefox ils sont hors du div#content censés les contenir alors que sous IE ils sont toujours à l'intérieur du div

    Voici le lien :

    http://w3.homedns.org/Olivier/contact.html

    et

    http://w3.homedns.org/Olivier/normal.css

    Merci d'avance !

  2. #2
    Expert confirmé
    Avatar de Swoög
    Profil pro
    Inscrit en
    Janvier 2003
    Messages
    6 045
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France

    Informations forums :
    Inscription : Janvier 2003
    Messages : 6 045
    Par défaut
    c'est parce que le fait de mettre tes submit en float les fait sortir du flux, rajoute un
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <br style="clear : both;"/>
    après le second submit, c'est de la bidouille, mais ça devrait rentrer dans l'ordre

    PS : pour le div à centrer, utilise plutôt
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    margin-left : auto; margin-right : auto;
    que
    Rédacteur "éclectique" (XML, Cours PHP, Cours JavaScript, IRC, Web...)
    Les Règles du Forum - Mon Site Web sur DVP.com (Développement Web, PHP, (X)HTML/CSS, SQL, XML, IRC)
    je ne répondrai à aucune question technique via MP, MSN ou Skype : les Forums sont là pour ça !!! Merci de me demander avant de m'ajouter à vos contacts sinon je bloque !
    pensez à la balise [ code ] (bouton #) et au tag :resolu: (en bas)

  3. #3
    Membre confirmé
    Inscrit en
    Avril 2006
    Messages
    104
    Détails du profil
    Informations forums :
    Inscription : Avril 2006
    Messages : 104
    Par défaut
    Génial pour le problème des boutons mais pour le centrage ça n'a rien changé de mettre margin-right et margin-left en auto??

  4. #4
    Expert confirmé
    Avatar de Swoög
    Profil pro
    Inscrit en
    Janvier 2003
    Messages
    6 045
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France

    Informations forums :
    Inscription : Janvier 2003
    Messages : 6 045
    Par défaut
    alors, là... je saurais pas te dire, j'ai toujours utilisé ça, et sous IE comme sous FF no problem

    essaye de faire une page avec uniquement ton div de formulaire...

    puis en réajoutant petit à petit chaque élément l'englobant... pour voir à quel niveau ça bug
    Rédacteur "éclectique" (XML, Cours PHP, Cours JavaScript, IRC, Web...)
    Les Règles du Forum - Mon Site Web sur DVP.com (Développement Web, PHP, (X)HTML/CSS, SQL, XML, IRC)
    je ne répondrai à aucune question technique via MP, MSN ou Skype : les Forums sont là pour ça !!! Merci de me demander avant de m'ajouter à vos contacts sinon je bloque !
    pensez à la balise [ code ] (bouton #) et au tag :resolu: (en bas)

  5. #5
    Membre confirmé
    Inscrit en
    Avril 2006
    Messages
    104
    Détails du profil
    Informations forums :
    Inscription : Avril 2006
    Messages : 104
    Par défaut
    ok merci je vais essayer

  6. #6
    Membre confirmé
    Inscrit en
    Avril 2006
    Messages
    104
    Détails du profil
    Informations forums :
    Inscription : Avril 2006
    Messages : 104
    Par défaut
    Merci ça a marché

    Juste encore une petite question :

    pourquoi les border (left et right) de mon div ne sont pas continues jusqu'au titre alors que sous IE elles le sont ???

  7. #7
    Expert confirmé
    Avatar de Swoög
    Profil pro
    Inscrit en
    Janvier 2003
    Messages
    6 045
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France

    Informations forums :
    Inscription : Janvier 2003
    Messages : 6 045
    Par défaut
    par ce que FF respecte les standards, et de ce fait, insert un retour à la ligne avant et après chaque div (ou plus généralement, élément display : block)

    tu peux changer ça, en jouant sur les margin-top et bottom
    Rédacteur "éclectique" (XML, Cours PHP, Cours JavaScript, IRC, Web...)
    Les Règles du Forum - Mon Site Web sur DVP.com (Développement Web, PHP, (X)HTML/CSS, SQL, XML, IRC)
    je ne répondrai à aucune question technique via MP, MSN ou Skype : les Forums sont là pour ça !!! Merci de me demander avant de m'ajouter à vos contacts sinon je bloque !
    pensez à la balise [ code ] (bouton #) et au tag :resolu: (en bas)

  8. #8
    Membre confirmé
    Inscrit en
    Avril 2006
    Messages
    104
    Détails du profil
    Informations forums :
    Inscription : Avril 2006
    Messages : 104
    Par défaut
    ok merci !

  9. #9
    Expert confirmé
    Avatar de Swoög
    Profil pro
    Inscrit en
    Janvier 2003
    Messages
    6 045
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France

    Informations forums :
    Inscription : Janvier 2003
    Messages : 6 045
    Par défaut
    de rien pense au résolu (cf ma signature ^^)
    Rédacteur "éclectique" (XML, Cours PHP, Cours JavaScript, IRC, Web...)
    Les Règles du Forum - Mon Site Web sur DVP.com (Développement Web, PHP, (X)HTML/CSS, SQL, XML, IRC)
    je ne répondrai à aucune question technique via MP, MSN ou Skype : les Forums sont là pour ça !!! Merci de me demander avant de m'ajouter à vos contacts sinon je bloque !
    pensez à la balise [ code ] (bouton #) et au tag :resolu: (en bas)

Discussions similaires

  1. Problème centrage div "décalage"
    Par lanka133 dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 17/11/2011, 15h23
  2. Problème centrage DIV en 800*600
    Par lelapinrusse dans le forum Mise en page CSS
    Réponses: 11
    Dernier message: 28/10/2008, 01h14
  3. Problèmes avec div id...
    Par Angeldu74 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 14
    Dernier message: 28/02/2006, 14h56
  4. [CSS]problème centrage texte de bouton dans une boîte
    Par Aurelius dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 06/09/2005, 16h01
  5. [CSS] problème position div
    Par krfa1 dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 18/05/2005, 17h57

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