Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    CSS - Centrare div e fissarne posizione

    Salve a tutti ho creato una pagina html che contiene vari div alcuni dei quali vengono visualizzati dinamicamente un altro invece deve essere posizionato sempre al centro ma distanziato in pò dal div precedente.
    Qui incollo semplicemente un div (tra quelli visualizzati dinamicamente, ne viene visualizzato uno per volta) ed il div che deve rimanere fisso venendo impostato al centro e distanziato di un pochettino dal div precedente.

    HTML
    codice:
    <div id="governance" class="conForm">
    <form name="datiGovernance" action="" method="POST">
    <table>
    <tr>
    <td>
    <label>Tipo:</label>
    </td>
    <td>
     <input type="text" name="tipo_governance">
     </td>
    </tr>
    
    <tr>
    <td>
    <label>Carica:</label>
    </td>
    <td>
    <input type="text" name="carica_governance">
    </td>
    </tr>
    
    <tr>
    <td>
    <label>Nominativo:</label>
    </td>
    <td>
    <input type="text" name="nominativo_governance">
    </td>
    </tr>
    
    <tr>
    <td>
    <label>Percentuale:</label>
    </td>
    <td>
    <input type="text" name="percentuale_governance">
    </td>
    </tr>
    
    </table>
    </form> 
    </div>
    
    <div id="validazione">
    <input type="button" name="valida" value="valida">
    </div>
    Per centrare i div io ho provato a scrivere il seguente css:
    codice:
    .conForm{align: center;margin:0 auto}
    
    div#validazione{align=center}
    A questo punto però, con mia grande delusione non vedo alcun cambiamento nella pagina, mi aspettavo di vedere centrato tutto quello che è contenuto nella div (centrato rispetto alla pagina non rispetto alla div) invece non succede assolutamente nulla, perchè?
    Dove sbaglio?
    Grazie a tutti, ciao ciao.

  2. #2
    div#validazione{align=center}

    così è errato il comando align non esiste

    div#validazione{text-align: center;}

  3. #3
    Ciao,
    con il codice che mi hai suggerito riesco a centrare solo la div validazione la le div della classe conForm no, come mai?

    Incollo il css completo:
    codice:
      .conForm{text-align: center;margin:0 auto}
    	div#navigation{background-color: #ffffff;border-bottom: 1px solid #787878;text-align:center}
    div#navigation ul{list-style-type: none;margin: 0;padding: 0;white-space: nowrap}
    div#navigation li{display: inline;margin: 0;padding:0}
    div#navigation li a{text-decoration: none;border: 1px solid #787878;padding: 0px 0.3em;
        background: #ccc;color: #036}
    div#navigation li a:hover{background-color: #f0f0f0}
    div#navigation li.activelink a{border-bottom: 1px solid #fff;background-color: #fff;color: #603}
    
    div#validazione{text-align: center}
    Grazie, ciao ciao

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.