Visualizzazione dei risultati da 1 a 10 su 10
  1. #1
    Utente di HTML.it L'avatar di Grejo
    Registrato dal
    Jan 2003
    Messaggi
    838

    Allineamento nel BODY ... !!!

    Come faccio ad allineare al centro (sia verticalmente che in orrizontale) qualcosa all'interno del BODY in modo che mi venga a centro schermo ... ???
    Ciao, Grejo.
    Nato per essere un vincente, vivo per dimostrarlo!

    Paperino si fà le paperine ed è contento,
    Topolino si fà le topoline ed è contento,
    Pippo non è contento.

  2. #2

    Re: Allineamento nel BODY ... !!!

    Originariamente inviato da Grejo
    Come faccio ad allineare al centro (sia verticalmente che in orrizontale) qualcosa all'interno del BODY in modo che mi venga a centro schermo ... ???
    Ciao, Grejo.
    fai una ricerca nel forum troverai decine di 3d che ti centrano quel che ti pare
    4 pag. x il forum:l'ospite ora ha solo link sponsorizzati, valli a capire-GommaLayout! Agg. 25 agosto 2004)-Molla&Collano privati tecnici, per favore

  3. #3
    Utente di HTML.it L'avatar di Grejo
    Registrato dal
    Jan 2003
    Messaggi
    838
    Ok ... grazie per il suggeriemento ... !!! Ciao, Grejo.
    Nato per essere un vincente, vivo per dimostrarlo!

    Paperino si fà le paperine ed è contento,
    Topolino si fà le topoline ed è contento,
    Pippo non è contento.

  4. #4
    Lo so che questa soluzione non piace a chi vuole eliminare l'uso dei <table> per impostare il layout di un documento html, ma il vecchio sistema

    <table width="100%" height="100%">
    <tr>
    <td align="center" valign="middle">ELEMENTO DA CENTRARE</td>
    </tr>
    </table>

    Secondo me rimane il migliore e tuttora il più semplice.
    Anzi, se qualcuno riesce a trovarmene uno di altrettanto efficace da usare con i css, gliene sarei immensamente grato.

    N.B. Non funziona con DOCTYPE transitional corretto.

    Altrimenti, un sistema corretto per allineare (ma solo orizzontalmente) un elemento, usando i css, è:

    <style>
    div.box {
    width: 100px;
    height: 100px;
    margin: auto;
    }
    </style>

    ...

    <div class="box"></div>

  5. #5
    Utente di HTML.it L'avatar di Marcolino's
    Registrato dal
    May 2003
    residenza
    Udine
    Messaggi
    3,606
    Infatti non può funzionare, perché margin auto, non impone affatto di centrare l'oggetto.
    Su www.constile.org è descritta una tecnica corretta per centrare qualsiasi oggetto.

  6. #6

    Centrare verticalmente

    Originariamente inviato da Marcolino's
    Infatti non può funzionare, perché margin auto, non impone affatto di centrare l'oggetto.
    Dipende... anche nei css, alcune cose funzionano con certi browser e con altri no.

    cmq creando un contenitore con { margin: auto; } e inserendo all'interno gli altri box con { float: left; } riesco ad ottenere un box centrale ben interpretato (più o meno) da tutti i browser.

    Il problema permane centrare verticalmente: come si fa?

    P.S.

    Su www.constile.org è descritta una tecnica corretta per centrare qualsiasi oggetto.
    Ottimo!!!
    http://www.constile.org/template/centrare_il_box/
    Sembra funzionare bene su tutti i browser, ad eccezione di Konqueror (che nelle statistiche non l'ho mai visto, quindi...).

  7. #7
    Utente di HTML.it L'avatar di Grejo
    Registrato dal
    Jan 2003
    Messaggi
    838
    A me la soluzione con altezza e larghezza in percentuale della tabella non funzia ... in DreamWeawer mi dice che l'attributo height del tag table non è supportato ... BOH ... ???
    Ciao, Grejo.
    :master:
    Nato per essere un vincente, vivo per dimostrarlo!

    Paperino si fà le paperine ed è contento,
    Topolino si fà le topoline ed è contento,
    Pippo non è contento.

  8. #8
    Originariamente inviato da Grejo
    A me la soluzione con altezza e larghezza in percentuale della tabella non funzia ... in DreamWeawer mi dice che l'attributo height del tag table non è supportato ... BOH ... ???
    Ciao, Grejo.
    :master:
    infatti l'attributo height nel tag table non esiste proprio!!
    www.skorpiograph.com - [ PORTFOLIO ]
    ...se vuoi essere aiutato devi aiutare chi ti aiuta ad aiutarti!!!

  9. #9
    Originariamente inviato da Grejo
    A me la soluzione con altezza e larghezza in percentuale della tabella non funzia ... in DreamWeawer mi dice che l'attributo height del tag table non è supportato ... BOH ... ???
    Ciao, Grejo.
    :master:
    Questa soluzione funziona e fa tutto con i css.
    L'ho testata e va a meraviglia.
    http://www.constile.org/template/centrare_il_box/

  10. #10
    Utente di HTML.it L'avatar di Grejo
    Registrato dal
    Jan 2003
    Messaggi
    838
    Ok ... grazie ... !!! Ciao, Grejo.
    Nato per essere un vincente, vivo per dimostrarlo!

    Paperino si fà le paperine ed è contento,
    Topolino si fà le topoline ed è contento,
    Pippo non è contento.

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 © 2025 vBulletin Solutions, Inc. All rights reserved.