Forum Programmation.web Mais comment ca fonctionne ces satanés ?

Posté par  (site web personnel) .
Étiquettes : aucune
0
9
juin
2010
Voila, j'ai une page web qui devrait ressembler à ca:

http://adishatz.1s.fr/~gnumdk/div1.png

En haut un titre de taille variable, au milieu la contenu...

Je veux que si la taille du contenu change, ce dernier reste centré (verticalement et horizontalement) comme ici:

http://adishatz.1s.fr/~gnumdk/div2.png

Problème, je ne trouve que des solutions qui me propose d'utiliser des top: 50 % & co ... Ce qui ne fonctionne que pour du contenu fixe :-(

Une idée ?

  • # hmm

    Posté par  (site web personnel) . Évalué à 2.

    ces satanés <div> ;)

  • # largeur 100%, hauteur auto

    Posté par  . Évalué à 2.

    ca eviterait que la largeur du contenu depasse la largeur du titre

    et ca permettrait d'agrandir la boite de contenu en l'agrandissant vers le bas si le contenu est plus grand

  • # auto auto!!

    Posté par  . Évalué à 2.

    margin-left: auto
    margin-right: auto
    devraient t'aider

    courage, css is life.

  • # margin:auto ?

    Posté par  (site web personnel) . Évalué à 1.

    Pour center un div, la technique c'est le margin:auto normalement
    Tu peux le limiter à margin-left et margin-right pour être plus précis.

    L'association LinuxFr ne saurait être tenue responsable des propos légalement repréhensibles ou faisant allusion à l'évêque de Rome, au chef de l'Église catholique romaine ou au chef temporel de l'État du Vatican et se trouvant dans ce commentaire

    • [^] # Re: margin:auto ?

      Posté par  (site web personnel) . Évalué à 2.

      [:grillai]

      L'association LinuxFr ne saurait être tenue responsable des propos légalement repréhensibles ou faisant allusion à l'évêque de Rome, au chef de l'Église catholique romaine ou au chef temporel de l'État du Vatican et se trouvant dans ce commentaire

      • [^] # Re: margin:auto ?

        Posté par  . Évalué à 1.

        ah, si seulement tous les soucis de css était aussi simple qu'un margin:auto......

        rahhh....

  • # Genre ?

    Posté par  (site web personnel) . Évalué à 2.

    <div style="width:600px; border:1px solid red">
    <h1 style="text-align:center">Plop</h1>
    <div style="margin:auto; width:400px; background-color:yellow">
    <p>sdfji lskjfkjslk djsdlkjf lskdfj kjlks jkflj skfjsklfj skjfk sj sdkjf ksjf skfjsdlkj skjfkjsdfklsj lsf.
    </p>
    <p>sdfji lskjfkjslk djsdlkjf lskdfj kjlks jkflj skfjsklfj skjfk sj sdkjf ksjf skfjsdlkj skjfkjsdfklsj lsf.
    </p>
    </div>
    </div>

    à copier-coller dans http://www.draac.com/htmltester.html

    L'association LinuxFr ne saurait être tenue responsable des propos légalement repréhensibles ou faisant allusion à l'évêque de Rome, au chef de l'Église catholique romaine ou au chef temporel de l'État du Vatican et se trouvant dans ce commentaire

Suivre le flux des commentaires

Note : les commentaires appartiennent à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.