Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 14
  1. #1

    Gira e rigira si casca lì: allinemento verticale nei CSS!!!

    Dato che ho postato varie volte, chiedendo cose specifiche per ogni caso, adesso vorrei aprire questa discussione generale su un fatto che credo sia interessante per molti, dato che si trovano vari messaggi con questo tipo di domande.

    Chiamo in causa tutti i webmaster professionisti che adottanto layout css, cioè table-less:
    In che modo si possono allineare elementi verticalmente all'interno di un div contenitore (sia che questo e gli elementi interni abbiano un altezza specificata in pixel o in percentuale), e soprattutto come fare perchè l'effetto sia visibile da tutti i browser, compreso il più volte criticato IE 5 e 6???!!!

    Chiedo questo perchè, da tutte le ricerche effettuate in internet e sul forum non sono riuscito a trovare una risposta chiara e degna a questa semplice domanda.

    Concludo dicendo che, immagino non sia un problema di CSS ma di browser, comunque questo comando pare non funzionare: "vertical-align: middle".

    A voi...

  2. #2
    Utente di HTML.it L'avatar di Lbigon
    Registrato dal
    Aug 2000
    Messaggi
    237
    provato con margin: auto 0px auto 0px ?

    lbigon.blogspot.com

  3. #3
    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

  4. #4
    Utente di HTML.it L'avatar di pasKuz
    Registrato dal
    Jun 2004
    Messaggi
    687
    Originariamente inviato da Jerry Masslo
    la tecnica è questa o sue varianti
    ho lo stesso problema,

    ho provato anke sta tecnica ma nn mi allinea nulla verticalmente

  5. #5
    Originariamente inviato da pasKuz
    ho lo stesso problema,

    ho provato anke sta tecnica ma nn mi allinea nulla verticalmente
    si vede che sbagli qualcosa, posta il codice
    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

  6. #6
    Scoperto da poco come risolvere il problema proprio su questo forum.
    http://www.constile.org/template/centrare_il_box/

  7. #7


    sei andato a scoprire il link che avevo postato

    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

  8. #8
    Okay, tutti d'accordo su come fare a centrare un elemento di cui si conoscono le dimensioni.
    Ma come riuscire a centrare qualcosa (immagine, tabella) di cui non si sanno le dimensioni verticali?

    E' qui il cruccio del problema, è questa la domanda senza risposta.
    Io credo che sia un problema degli attuali browser, ma spunta l'idea che nei CSS2 non sia stata presa in seria considerazione la questione.
    Forse con i CSS3???
    Ciao a tutti.

  9. #9
    credo che al w3c abbiano altre priorità che la centratura verticale, comunque visto che si tratta di tabelle non vedo dove stia il problema, dato che di default le tabelle centrano verticalmente:

    <html>
    <head>
    <title>Centra da tabella</title>
    <style type="text/css">
    * {margin:0;padding:0}
    html, body {height:100%}


    .esterna {height:100%;
    background:silver;
    width:100%;
    text-align:center;
    }
    .interna {background:red;
    width:80%;
    text-align:center;
    margin:auto;
    }
    div {background:gray;
    width:50%;
    margin:auto;
    }
    </style>


    </head>

    <body>
    <table class="esterna">
    <tr>
    <td><table class="interna">
    <tr>
    <td><div>vediamo</div></td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    </body>
    </html>
    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

  10. #10
    Utente bannato
    Registrato dal
    Dec 2003
    Messaggi
    562
    Originariamente inviato da Jerry Masslo
    la tecnica è questa o sue varianti
    Ho appena provato questa soluzione e funziona con IE, Opera e Firefox. Non funziona, però su Mozilla e Firebird

    (io ho provato, comunque solo il centramento orizzontale).

    Sul sito è scritto che funziona anche su Mozilla ma pare non sia così.


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