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 :

Alignement vertical de div en float


Sujet :

Positionnement en CSS

  1. #1
    Futur Membre du Club
    Profil pro
    Inscrit en
    Août 2007
    Messages
    7
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2007
    Messages : 7
    Points : 5
    Points
    5
    Par défaut Alignement vertical de div en float
    Bonjour,

    j'ai le code HTML suivant : Index1.html

    J'aimerais aligner verticalement les textes de droite et de gauche et n'ai pas trouvé mieux que d'ajouter une lettre "invisible" plus grande dans le div de droite : Index2.html

    Quelqu'un aurait-il une méthode plus clean ?

    Merci

  2. #2
    Membre habitué
    Profil pro
    Inscrit en
    Juillet 2006
    Messages
    137
    Détails du profil
    Informations personnelles :
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations forums :
    Inscription : Juillet 2006
    Messages : 137
    Points : 160
    Points
    160
    Par défaut
    Salut,

    Tu peux peut être essayer avec la propriété height voire même min-height.

  3. #3
    Futur Membre du Club
    Profil pro
    Inscrit en
    Août 2007
    Messages
    7
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2007
    Messages : 7
    Points : 5
    Points
    5
    Par défaut
    Ok mais comment faire en sorte que le texte se mette en bas de la zone div : j'ai essayé vertical-align mais rien ...

  4. #4
    Membre habitué
    Profil pro
    Inscrit en
    Juillet 2006
    Messages
    137
    Détails du profil
    Informations personnelles :
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations forums :
    Inscription : Juillet 2006
    Messages : 137
    Points : 160
    Points
    160
    Par défaut
    Tu peux mettre ton texte dans une div ayant pour id ou class "bas"
    Puis tu définis
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
     
    #bas {
      margin-top: 90%
    }
    ou
    #bas {
      position: relative;
      bottom: 0;
    }

  5. #5
    Futur Membre du Club
    Profil pro
    Inscrit en
    Août 2007
    Messages
    7
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2007
    Messages : 7
    Points : 5
    Points
    5
    Par défaut
    ça marche pas : Index1.html

  6. #6
    Futur Membre du Club
    Profil pro
    Inscrit en
    Août 2007
    Messages
    7
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2007
    Messages : 7
    Points : 5
    Points
    5
    Par défaut
    en fait il faut utiliser un syntaxe du genre

    position: relative; top: 25px;

    Merci à vous !

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

Discussions similaires

  1. [CSS 2.1] Alignement vertical de DIVs
    Par kriekbellevue dans le forum Mise en page CSS
    Réponses: 9
    Dernier message: 28/01/2012, 13h38
  2. Combler un div de menu vertical pour l'aligner avec un div de contenu
    Par pc.bertineau dans le forum Mise en page CSS
    Réponses: 8
    Dernier message: 31/05/2007, 23h58
  3. [div] problème d'alignement vertical
    Par xenos dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 29/11/2006, 12h36
  4. [CSS] alignement vertical d'un texte dans un div
    Par alexfrere dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 06/07/2006, 18h07
  5. [DIV][CSS] Alignement vertical
    Par pmartin8 dans le forum Mise en page CSS
    Réponses: 15
    Dernier message: 02/11/2005, 14h50

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