+ Rispondi alla Discussione
Risultati da 1 a 3 di 3

Allineare un div al centro di un'altro div in base al contenuto

Ultimo Messaggio di king7880 il:
  1. #1
    User L'avatar di king7880
    Data Registrazione
    May 2005
    Messaggi
    33

    Allineare un div al centro di un'altro div in base al contenuto

    Ciao Ragazzi buona sera a tutti,

    Ho un piccolo problemino magari anche semplice da risolvere...

    ho questa struttura molto semplice,

    <div class="contenitor_footer">
    <div class="testo">
    <p>testo</p>
    </div>
    </div>


    il <div class="testo"> ha margin: 0 auto;
    per allinearlo al centro del div <div class="contenitor_footer">

    pero' vorrei fare in modo che <p>testo</p> si allinei al centro del div in base al contenuto vale a dire che se scrivo
    "testo testo testo testo testo testo" oppure "testo testo"
    dovrebbe posizionarsi sempre al centro del <div class="testo">

    questo è solo un'esempio che ho posto ineffetti io all'interno del <div class="testo"> dovro mettere un elenco puntato

    <ul>
    <li>testo</li>
    <li>testo</li>
    <li>testo</li>
    <li>testo</li>
    </ul>
    ma è solo per farvi capire veliocemente il mio problema...


    questo è il mio css:

    div.paginazione_contenitor_footer{
    background-color:#FF0000;
    width:400px;
    height:100px;
    margin:0 auto;
    }
    div.paginazione_contenitor_footer .testo{
    padding:12px;
    width:300px;
    margin:0 auto;
    background-color:#FFFF00;
    }
    div.paginazione_contenitor_footer .testo p{
    margin:0 auto;
    background-color:#0000FF;
    }


    Grazie a tutti per la collaborazione ;-)

  2. #2
    User Newbie L'avatar di Guter
    Data Registrazione
    Jun 2009
    Località
    Palermo
    Messaggi
    107
    Aggiungi al div .testo p la regola "text-align: center;"

    Però... visto che hai un elenco puntato, forse sarebbe più elegante mettere tutti i punti uno sotto l'altro, quindi io farei così: "margin-left:50 px; text-align:left;"

    Altrimenti dai a p uno stile in linea con le stesse caratteristiche...

    Dimmi se va, l'ho scritto "a getto".

  3. #3
    User L'avatar di king7880
    Data Registrazione
    May 2005
    Messaggi
    33
    Grazie guter scusami se non ti ho risposto prima...
    ho fatto diversamente da come mi hai detto tu, ma mi hai ispirato...

    Ho risolto facendo un casino ho dovuto applicare come attributo display:table; al div contenitore e poi with:auto; al div interno e così sono riuscito a settare il tutto, un bel casino... ma c'è l'ho fatta. Grazie mille

+ Rispondi alla Discussione

^ Permessi di Scrittura

  • Tu non puoi inviare nuove discussioni
  • Tu non puoi inviare risposte
  • Tu non puoi inviare allegati
  • Tu non puoi modificare i tuoi messaggi
  •  
  • Il codice BB è Attivato
  • Le faccine sono Attivato
  • Il codice [IMG] è Attivato
  • Il codice [VIDEO] è Attivato
  • Il codice HTML è Disattivato
  • Trackbacks Attivato
  • Pingback Attivato
  • Refback Attivato

SEO by vBSEO 3.6.0 PL2 ©2011, Crawlability, Inc.