• User Attivo

    Allineare div

    Salve a tutti!
    Sto muovendo i miei primi passi sui css e in questo momento trovo difficoltà ad allineare due elementi in un div.
    Si tratta di due testi come si può vedere visitando il link sotto:

    imgur.com/pQUr4.jpg

    Devono comparire sulla stessa riga e invece vengono allineati verticalmente.

    Nel file index del mio sito ho scritto:

    <div id="bottom">
    <div><p>Streetball © 2009</p></div>
    <div id="privacy">
    <p>Privacy Policy</p></div>
    </div>

    Mentre nel css:

    #bottom {
    background-image: url('../images/bottom.png');
    background-repeat: no-repeat;
    width: 945px;
    height: 52px;
    margin-left: 375px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #F73013;
    padding-top: 7px;
    padding-left: 18px;
    }

    #privacy {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: italic;
    color: #7EA9BA; 
    padding-right: 18px;
    } 	
    

    Cosa sbaglio?
    Potete aiutarmi? Vi ringrazio tutti per l'attenzione.


  • User

    Scusa ma non ho capito bene cosa vuoi fare, intendo come vuoi che i due testi compaiano (allineati in centro?), puoi spiegarti meglio?

    Cmq in generale non creare troppi div! Un div dovrebbe essere solo un contenitore, non è necessario per ogni elemento, per esempio io non avrei creato quegli extra div intorno ai tag p.

    Comunque fammi sapere, ti aiuto volentieri, ciao.


  • User Attivo

    Grazie Paolo. Ho risolto usando il float left. Dovevo allinearli orizzontalmente. Siccome hanno una formattazione diversa, ho dovuto usare due div.
    Grazie per la disponibilità.
    Ciao 🙂