Mostra notizie nelle discussioni
  • Avatar
    Scritto da
    Non Autenticato
    il 2013-02-04 15:13:41.0 alle 2013-02-04 15:13:41.0
    Centraggio verticale in CSS
    È possibile centrare verticalmente una DIV nella pagina?

    Dato che BODY apparentemente occupa l'intera pagina, pensavo che definendo per la DIV vertical-align: middle la DIV si centrasse nella pagina.

    Non funziona neppure se metto la DIV in questione dntro un'altra DIV a cui assegno una certa altezza: la DIV interna non si centra verticalmente in quella che la contiene.

    Tra l'altro, non è stato ancora implementato height: 100%?

    A bocca storta A bocca storta A bocca storta A bocca storta Triste
    • Avatar
      ☺
      Scritto da
      Renton Thurston
      il 2013-02-04 16:27:09.0 alle 2013-02-04 16:27:09.0
      Trollate totali: 2001
      Re: Centraggio verticale in CSS
      Scritto da:
      > È possibile centrare verticalmente una DIV nella pagina?
      >
      > Dato che BODY apparentemente occupa l'intera pagina, pensavo che definendo per la DIV vertical-align: middle la DIV si centrasse nella pagina.
      >
      > Non funziona neppure se metto la DIV in questione dntro un'altra DIV a cui assegno una certa altezza: la DIV interna non si centra verticalmente in quella che la contiene.
      >
      > Tra l'altro, non è stato ancora implementato height: 100%?
      >
      > A bocca storta A bocca storta A bocca storta A bocca storta Triste

      Credo che puoi sempre creare un DIV contentitore (o anche <body> forse) digli
      display: table-cell;
      e poi
      vertical-align: middle;

      e poi un div interno a questo che dovrebbe posizionarsi verticalmente al centro dell'altro.

      Cmq mi pare che il centraggio verticale si riesce a fare con la nuova proprietà CSS "flexbox".
      • Avatar
        Scritto da
        Non Autenticato
        il 2013-02-04 16:36:49.0 alle 2013-02-04 16:36:49.0
        Re: Centraggio verticale in CSS
        > > È possibile centrare verticalmente una DIV nella pagina?
        > >
        > > Dato che BODY apparentemente occupa l'intera pagina, pensavo che definendo per la DIV vertical-align: middle la DIV si centrasse nella pagina.
        > >
        > > Non funziona neppure se metto la DIV in questione dntro un'altra DIV a cui assegno una certa altezza: la DIV interna non si centra verticalmente in quella che la contiene.
        > >
        > > Tra l'altro, non è stato ancora implementato height: 100%?
        > >
        > > A bocca storta A bocca storta A bocca storta A bocca storta Triste
        >
        > Credo che puoi sempre creare un DIV contentitore (o anche <body> forse) digli
        > display: table-cell;
        > e poi
        > vertical-align: middle;
        >
        > e poi un div interno a questo che dovrebbe posizionarsi verticalmente al centro dell'altro.
        >
        > Cmq mi pare che il centraggio verticale si riesce a fare con la nuova proprietà CSS "flexbox".

        Grazie, ma vedi l'altra risposta. Sono già a CSS3 e non hanno ancora sistemato una proprietà di CSS1 in modo che faccia ciò che logicamente ci si attende, sti fancazzisti del W3C? Dovrei cercare un lavoro lì.
        • Avatar
          Scritto da
          Non Autenticato
          il 2013-02-04 17:47:36.0 alle 2013-02-04 17:47:36.0
          Re: Centraggio verticale in CSS
          > > > È possibile centrare verticalmente una DIV nella pagina?
          > > >
          > > > Dato che BODY apparentemente occupa l'intera pagina, pensavo che definendo per la DIV vertical-align: middle la DIV si centrasse nella pagina.
          > > >
          > > > Non funziona neppure se metto la DIV in questione dntro un'altra DIV a cui assegno una certa altezza: la DIV interna non si centra verticalmente in quella che la contiene.
          > > >
          > > > Tra l'altro, non è stato ancora implementato height: 100%?
          > > >
          > > > A bocca storta A bocca storta A bocca storta A bocca storta Triste
          > >
          > > Credo che puoi sempre creare un DIV contentitore (o anche <body> forse) digli
          > > display: table-cell;
          > > e poi
          > > vertical-align: middle;
          > >
          > > e poi un div interno a questo che dovrebbe posizionarsi verticalmente al centro dell'altro.
          > >
          > > Cmq mi pare che il centraggio verticale si riesce a fare con la nuova proprietà CSS "flexbox".
          >
          > Grazie, ma vedi l'altra risposta. Sono già a CSS3 e non hanno ancora sistemato una proprietà di CSS1 in modo che faccia ciò che logicamente ci si attende, sti fancazzisti del W3C? Dovrei cercare un lavoro lì.

          Anche con le due DIV una dentro l'altra non c'è modo di ottenere l'effetto che voglio perché pare impossibile assegnare alla DIV contenitrice altezza 100%. A bocca storta
          Ma possibile che una cosa così ovvia non sia stato previsto un modo funzionante per farla? A bocca storta A bocca storta A bocca storta
          • Avatar
            ☺
            Scritto da
            altg
            utente che non utiene
            il 2013-02-04 18:55:50.0 alle 2013-02-04 18:55:50.0
            Trollate totali: 11540
            Re: Centraggio verticale in CSS
            > > > > È possibile centrare verticalmente una DIV nella pagina?
            > > > >
            > > > > Dato che BODY apparentemente occupa l'intera pagina, pensavo che definendo per la DIV vertical-align: middle la DIV si centrasse nella pagina.
            > > > >
            > > > > Non funziona neppure se metto la DIV in questione dntro un'altra DIV a cui assegno una certa altezza: la DIV interna non si centra verticalmente in quella che la contiene.
            > > > >
            > > > > Tra l'altro, non è stato ancora implementato height: 100%?
            > > > >
            > > > > A bocca storta A bocca storta A bocca storta A bocca storta Triste
            > > >
            > > > Credo che puoi sempre creare un DIV contentitore (o anche <body> forse) digli
            > > > display: table-cell;
            > > > e poi
            > > > vertical-align: middle;
            > > >
            > > > e poi un div interno a questo che dovrebbe posizionarsi verticalmente al centro dell'altro.
            > > >
            > > > Cmq mi pare che il centraggio verticale si riesce a fare con la nuova proprietà CSS "flexbox".
            > >
            > > Grazie, ma vedi l'altra risposta. Sono già a CSS3 e non hanno ancora sistemato una proprietà di CSS1 in modo che faccia ciò che logicamente ci si attende, sti fancazzisti del W3C? Dovrei cercare un lavoro lì.
            >
            > Anche con le due DIV una dentro l'altra non c'è modo di ottenere l'effetto che voglio perché pare impossibile assegnare alla DIV contenitrice altezza 100%. A bocca storta
            > Ma possibile che una cosa così ovvia non sia stato previsto un modo funzionante per farla? A bocca storta A bocca storta A bocca storta

            Per loro non e` ovvio che il display che visualizza una pagina abbia due dimensioni: sono convinti che ci sia un sacco d'eleganza nel considerare solo una dimensione, che ci vuoi fare? Triste
            • Avatar
              Scritto da
              Non Autenticato
              il 2013-02-04 19:00:10.0 alle 2013-02-04 19:00:10.0
              Re: Centraggio verticale in CSS
              > > > > > È possibile centrare verticalmente una DIV nella pagina?
              > > > > >
              > > > > > Dato che BODY apparentemente occupa l'intera pagina, pensavo che definendo per la DIV vertical-align: middle la DIV si centrasse nella pagina.
              > > > > >
              > > > > > Non funziona neppure se metto la DIV in questione dntro un'altra DIV a cui assegno una certa altezza: la DIV interna non si centra verticalmente in quella che la contiene.
              > > > > >
              > > > > > Tra l'altro, non è stato ancora implementato height: 100%?
              > > > > >
              > > > > > A bocca storta A bocca storta A bocca storta A bocca storta Triste
              > > > >
              > > > > Credo che puoi sempre creare un DIV contentitore (o anche <body> forse) digli
              > > > > display: table-cell;
              > > > > e poi
              > > > > vertical-align: middle;
              > > > >
              > > > > e poi un div interno a questo che dovrebbe posizionarsi verticalmente al centro dell'altro.
              > > > >
              > > > > Cmq mi pare che il centraggio verticale si riesce a fare con la nuova proprietà CSS "flexbox".
              > > >
              > > > Grazie, ma vedi l'altra risposta. Sono già a CSS3 e non hanno ancora sistemato una proprietà di CSS1 in modo che faccia ciò che logicamente ci si attende, sti fancazzisti del W3C? Dovrei cercare un lavoro lì.
              > >
              > > Anche con le due DIV una dentro l'altra non c'è modo di ottenere l'effetto che voglio perché pare impossibile assegnare alla DIV contenitrice altezza 100%. A bocca storta
              > > Ma possibile che una cosa così ovvia non sia stato previsto un modo funzionante per farla? A bocca storta A bocca storta A bocca storta
              >
              > Per loro non e` ovvio che il display che visualizza una pagina abbia due dimensioni: sono convinti che ci sia un sacco d'eleganza nel considerare solo una dimensione, che ci vuoi fare? Triste

              Comunque ho trovato un modo, piuttosto contorto e dalla logica non del tutto compresa, per ottenere la DIV alta 100%. Curioso che height: 100% sia essenziale per ottenere il risultato (quindi questa istruzione ESISTE, o almeno è supportata da Firefox) però da sola non basti. Se avessi tempo scriverei un lamentevole rantolo in direzione di quelli del W3C.
              • Avatar
                Scritto da
                Non Autenticato
                il 2013-02-04 20:12:17.0 alle 2013-02-04 20:12:17.0
                Re: Centraggio verticale in CSS
                Scritto da:
                > > > > > > È possibile centrare verticalmente una DIV nella pagina?
                > > > > > >
                > > > > > > Dato che BODY apparentemente occupa l'intera pagina, pensavo che definendo per la DIV vertical-align: middle la DIV si centrasse nella pagina.
                > > > > > >
                > > > > > > Non funziona neppure se metto la DIV in questione dntro un'altra DIV a cui assegno una certa altezza: la DIV interna non si centra verticalmente in quella che la contiene.
                > > > > > >
                > > > > > > Tra l'altro, non è stato ancora implementato height: 100%?
                > > > > > >
                > > > > > > A bocca storta A bocca storta A bocca storta A bocca storta Triste
                > > > > >
                > > > > > Credo che puoi sempre creare un DIV contentitore (o anche <body> forse) digli
                > > > > > display: table-cell;
                > > > > > e poi
                > > > > > vertical-align: middle;
                > > > > >
                > > > > > e poi un div interno a questo che dovrebbe posizionarsi verticalmente al centro dell'altro.
                > > > > >
                > > > > > Cmq mi pare che il centraggio verticale si riesce a fare con la nuova proprietà CSS "flexbox".
                > > > >
                > > > > Grazie, ma vedi l'altra risposta. Sono già a CSS3 e non hanno ancora sistemato una proprietà di CSS1 in modo che faccia ciò che logicamente ci si attende, sti fancazzisti del W3C? Dovrei cercare un lavoro lì.
                > > >
                > > > Anche con le due DIV una dentro l'altra non c'è modo di ottenere l'effetto che voglio perché pare impossibile assegnare alla DIV contenitrice altezza 100%. A bocca storta
                > > > Ma possibile che una cosa così ovvia non sia stato previsto un modo funzionante per farla? A bocca storta A bocca storta A bocca storta
                > >
                > > Per loro non e` ovvio che il display che visualizza una pagina abbia due dimensioni: sono convinti che ci sia un sacco d'eleganza nel considerare solo una dimensione, che ci vuoi fare? Triste
                >
                > Comunque ho trovato un modo, piuttosto contorto e dalla logica non del tutto compresa, per ottenere la DIV alta 100%. Curioso che height: 100% sia essenziale per ottenere il risultato (quindi questa istruzione ESISTE, o almeno è supportata da Firefox) però da sola non basti. Se avessi tempo scriverei un lamentevole rantolo in direzione di quelli del W3C.

                height: 100% è CSS3, non esiste in CSS2

                CylonLicchione
                • Avatar
                  Scritto da
                  Non Autenticato
                  il 2013-02-04 22:47:20.0 alle 2013-02-04 22:47:20.0
                  Re: Centraggio verticale in CSS
                  > > > > > > > È possibile centrare verticalmente una DIV nella pagina?
                  > > > > > > >
                  > > > > > > > Dato che BODY apparentemente occupa l'intera pagina, pensavo che definendo per la DIV vertical-align: middle la DIV si centrasse nella pagina.
                  > > > > > > >
                  > > > > > > > Non funziona neppure se metto la DIV in questione dntro un'altra DIV a cui assegno una certa altezza: la DIV interna non si centra verticalmente in quella che la contiene.
                  > > > > > > >
                  > > > > > > > Tra l'altro, non è stato ancora implementato height: 100%?
                  > > > > > > >
                  > > > > > > > A bocca storta A bocca storta A bocca storta A bocca storta Triste
                  > > > > > >
                  > > > > > > Credo che puoi sempre creare un DIV contentitore (o anche <body> forse) digli
                  > > > > > > display: table-cell;
                  > > > > > > e poi
                  > > > > > > vertical-align: middle;
                  > > > > > >
                  > > > > > > e poi un div interno a questo che dovrebbe posizionarsi verticalmente al centro dell'altro.
                  > > > > > >
                  > > > > > > Cmq mi pare che il centraggio verticale si riesce a fare con la nuova proprietà CSS "flexbox".
                  > > > > >
                  > > > > > Grazie, ma vedi l'altra risposta. Sono già a CSS3 e non hanno ancora sistemato una proprietà di CSS1 in modo che faccia ciò che logicamente ci si attende, sti fancazzisti del W3C? Dovrei cercare un lavoro lì.
                  > > > >
                  > > > > Anche con le due DIV una dentro l'altra non c'è modo di ottenere l'effetto che voglio perché pare impossibile assegnare alla DIV contenitrice altezza 100%. A bocca storta
                  > > > > Ma possibile che una cosa così ovvia non sia stato previsto un modo funzionante per farla? A bocca storta A bocca storta A bocca storta
                  > > >
                  > > > Per loro non e` ovvio che il display che visualizza una pagina abbia due dimensioni: sono convinti che ci sia un sacco d'eleganza nel considerare solo una dimensione, che ci vuoi fare? Triste
                  > >
                  > > Comunque ho trovato un modo, piuttosto contorto e dalla logica non del tutto compresa, per ottenere la DIV alta 100%. Curioso che height: 100% sia essenziale per ottenere il risultato (quindi questa istruzione ESISTE, o almeno è supportata da Firefox) però da sola non basti. Se avessi tempo scriverei un lamentevole rantolo in direzione di quelli del W3C.
                  >
                  > height: 100% è CSS3, non esiste in CSS2
                  >
                  > CylonLicchione

                  Ah ma mica mi formalizzo. La questione si compone di due parti, perché sia così difficile ottenere una DIV con altezza 100% e perché sia così difficile centrarci qualcosa verticalmente, senza fare capriole stile scoiattoli nella neve.
      • Avatar
        Scritto da
        Non Autenticato
        il 2013-02-05 00:41:27.0 alle 2013-02-05 00:41:27.0
        Re: Centraggio verticale in CSS
        Scritto da: Renton Thurston
        > Scritto da:
        > > È possibile centrare verticalmente una DIV nella pagina?
        > >
        > > Dato che BODY apparentemente occupa l'intera pagina, pensavo che definendo per la DIV vertical-align: middle la DIV si centrasse nella pagina.
        > >
        > > Non funziona neppure se metto la DIV in questione dntro un'altra DIV a cui assegno una certa altezza: la DIV interna non si centra verticalmente in quella che la contiene.
        > >
        > > Tra l'altro, non è stato ancora implementato height: 100%?
        > >
        > > A bocca storta A bocca storta A bocca storta A bocca storta Triste
        >
        > Credo che puoi sempre creare un DIV contentitore (o anche <body> forse) digli

        Qualcuno invece ha creato le pezze al culo come te.
    • Avatar
      ☺
      Scritto da
      ::1
      il 2013-02-04 23:03:52.0 alle 2013-02-04 23:03:52.0
      Trollate totali: 12321
      Re: Centraggio verticale in CSS
      Questo funziona con firefox, chrome e IE 10:
      <!DOCTYPE html>
<html>
  <head>
    <title>al centro</title>
    <style>
      * {
        border: 0; padding: 0; margin: 0;
      }
      .centered {
        position: absolute;
        width: 100%;
        text-align: center;
        top: 50%;
      }
    </style>
  </head>
  <body>
    <div class=centered>al centro</div>
  </body>
</html>
      Young professional woman and busy mom.
      • Avatar
        Scritto da
        Non Autenticato
        il 2013-02-04 23:48:22.0 alle 2013-02-04 23:48:22.0
        Re: Centraggio verticale in CSS
        > Questo funziona con firefox, chrome e IE 10:
        > 
        > <!DOCTYPE html>
> <html>
> <head>
> <title>al centro</title>
> <style>
> * {
> border: 0; padding: 0; margin: 0;
> }
> .centered {
> position: absolute;
> width: 100%;
> text-align: center;
> top: 50%;
> }
> </style>
> </head>
> <body>
> <div class=centered>al centro</div>
> </body>
> </html>
>


        Sgatta che ti sgatta ho trovato un modo concettualmente semplice e ho raggiunto il risultato voluto, però continua a rodermi che occorrano ancora trucchi per far funzionare CSS come ci si aspetterebbe.

        Perché una DIV con width: 100% e height: 100% non occupa l'intera finestra? Per ottenerla ho dovuto dichiarare position: absolute e top, bottom, left, right: 0px.

        Perché vertical-align: middle non funziona per qualsiasi elemento contenuto in un altro elemento, ma occorre ricorrere a display: table e table-cell?
        • Avatar
          ☺
          Scritto da
          altg
          utente che non utiene
          il 2013-02-05 00:01:59.0 alle 2013-02-05 00:01:59.0
          Trollate totali: 11540
          Re: Centraggio verticale in CSS
          > Sgatta che ti sgatta ho trovato un modo concettualmente semplice e ho raggiunto il risultato voluto, però continua a rodermi che occorrano ancora trucchi per far funzionare CSS come ci si aspetterebbe.
          >
          > Perché una DIV con width: 100% e height: 100% non occupa l'intera finestra? Per ottenerla ho dovuto dichiarare position: absolute e top, bottom, left, right: 0px.
          >
          > Perché vertical-align: middle non funziona per qualsiasi elemento contenuto in un altro elemento, ma occorre ricorrere a display: table e table-cell?

          Immagine postata dall'utente
          • Avatar
            Scritto da
            Non Autenticato
            il 2013-02-05 00:05:28.0 alle 2013-02-05 00:05:28.0
            Re: Centraggio verticale in CSS
            > > Sgatta che ti sgatta ho trovato un modo concettualmente semplice e ho raggiunto il risultato voluto, però continua a rodermi che occorrano ancora trucchi per far funzionare CSS come ci si aspetterebbe.
            > >
            > > Perché una DIV con width: 100% e height: 100% non occupa l'intera finestra? Per ottenerla ho dovuto dichiarare position: absolute e top, bottom, left, right: 0px.
            > >
            > > Perché vertical-align: middle non funziona per qualsiasi elemento contenuto in un altro elemento, ma occorre ricorrere a display: table e table-cell?
            >
            > Immagine postata dall'utente

            Rotola dal ridere Arrabbiato
        • Avatar
          ☺
          Scritto da
          ::1
          il 2013-02-05 00:04:49.0 alle 2013-02-05 00:04:49.0
          Trollate totali: 12321
          Re: Centraggio verticale in CSS
          Scritto da:
          > > Questo funziona con firefox, chrome e IE 10:
          > > 
          > > <!DOCTYPE html>
> > <html>
> > <head>
> > <title>al centro</title>
> > <style>
> > * {
> > border: 0; padding: 0; margin: 0;
> > }
> > .centered {
> > position: absolute;
> > width: 100%;
> > text-align: center;
> > top: 50%;
> > }
> > </style>
> > </head>
> > <body>
> > <div class=centered>al centro</div>
> > </body>
> > </html>
> >

          >
          > Sgatta che ti sgatta ho trovato un modo concettualmente semplice e ho raggiunto il risultato voluto, però continua a rodermi che occorrano ancora trucchi per far funzionare CSS come ci si aspetterebbe.
          >
          > Perché una DIV con width: 100% e height: 100% non occupa l'intera finestra? Per ottenerla ho dovuto dichiarare position: absolute e top, bottom, left, right: 0px.
          >
          > Perché vertical-align: middle non funziona per qualsiasi elemento contenuto in un altro elemento, ma occorre ricorrere a display: table e table-cell?

          Perché una pagina non è un viewport, l'altezza di una pagina dipende dal contenuto. La front page del fdt è alta 6529 pixels, avrebbe senso centrare una box così?
          Young professional woman and busy mom.
          • Avatar
            Scritto da
            Non Autenticato
            il 2013-02-05 00:12:55.0 alle 2013-02-05 00:12:55.0
            Re: Centraggio verticale in CSS
            > > > Questo funziona con firefox, chrome e IE 10:
            > > > 
            > > > <!DOCTYPE html>
> > > <html>
> > > <head>
> > > <title>al centro</title>
> > > <style>
> > > * {
> > > border: 0; padding: 0; margin: 0;
> > > }
> > > .centered {
> > > position: absolute;
> > > width: 100%;
> > > text-align: center;
> > > top: 50%;
> > > }
> > > </style>
> > > </head>
> > > <body>
> > > <div class=centered>al centro</div>
> > > </body>
> > > </html>
> > >

            > >
            > > Sgatta che ti sgatta ho trovato un modo concettualmente semplice e ho raggiunto il risultato voluto, però continua a rodermi che occorrano ancora trucchi per far funzionare CSS come ci si aspetterebbe.
            > >
            > > Perché una DIV con width: 100% e height: 100% non occupa l'intera finestra? Per ottenerla ho dovuto dichiarare position: absolute e top, bottom, left, right: 0px.
            > >
            > > Perché vertical-align: middle non funziona per qualsiasi elemento contenuto in un altro elemento, ma occorre ricorrere a display: table e table-cell?
            >
            > Perché una pagina non è un viewport, l'altezza di una pagina dipende dal contenuto. La front page del fdt è alta 6529 pixels, avrebbe senso centrare una box così?

            Centrare un blocco di 6529 pixel in una finestra di 700 e rotti? Qualcuno potrebbe volerlo fare. Io ad esempio. E anche alex.tg. Siamo già in due. Con la lingua fuori

            Quel che mi fa battere il cucchiaio per terra gridando ba-ba-ba-ba-ba è che W3schools afferma che vertical-align definisce l'allineamento verticale di un elemento rispetto al'elemento contenitore, punto e basta, non che BODY non va bene come contenitore e che occorre il display table e table-cell. Se lo dice W3schools dev'essere vero, a meno che sul sito del W3C non ci sia scritto altrimenti! Arrabbiato

            Comunque ho appena ritoccato la pagina in modo che degradi graziosamente in IE 9, e vado a dormire.
            • Avatar
              ☺
              Scritto da
              altg
              utente che non utiene
              il 2013-02-05 00:20:42.0 alle 2013-02-05 00:20:42.0
              Trollate totali: 11540
              Re: Centraggio verticale in CSS
              > > > > Questo funziona con firefox, chrome e IE 10:
              > > > > 
              > > > > <!DOCTYPE html>
> > > > <html>
> > > > <head>
> > > > <title>al centro</title>
> > > > <style>
> > > > * {
> > > > border: 0; padding: 0; margin: 0;
> > > > }
> > > > .centered {
> > > > position: absolute;
> > > > width: 100%;
> > > > text-align: center;
> > > > top: 50%;
> > > > }
> > > > </style>
> > > > </head>
> > > > <body>
> > > > <div class=centered>al centro</div>
> > > > </body>
> > > > </html>
> > > >

              > > >
              > > > Sgatta che ti sgatta ho trovato un modo concettualmente semplice e ho raggiunto il risultato voluto, però continua a rodermi che occorrano ancora trucchi per far funzionare CSS come ci si aspetterebbe.
              > > >
              > > > Perché una DIV con width: 100% e height: 100% non occupa l'intera finestra? Per ottenerla ho dovuto dichiarare position: absolute e top, bottom, left, right: 0px.
              > > >
              > > > Perché vertical-align: middle non funziona per qualsiasi elemento contenuto in un altro elemento, ma occorre ricorrere a display: table e table-cell?
              > >
              > > Perché una pagina non è un viewport, l'altezza di una pagina dipende dal contenuto. La front page del fdt è alta 6529 pixels, avrebbe senso centrare una box così?
              >
              > Centrare un blocco di 6529 pixel in una finestra di 700 e rotti? Qualcuno potrebbe volerlo fare. Io ad esempio. E anche alex.tg. Siamo già in due. Con la lingua fuori
              >
              > Quel che mi fa battere il cucchiaio per terra gridando ba-ba-ba-ba-ba è che W3schools afferma che vertical-align definisce l'allineamento verticale di un elemento rispetto al'elemento contenitore, punto e basta, non che BODY non va bene come contenitore e che occorre il display table e table-cell. Se lo dice W3schools dev'essere vero, a meno che sul sito del W3C non ci sia scritto altrimenti! Arrabbiato

              Personalmente non ho mai capito un'acca di quel che c'e` scritto sul sito del W3C, rinunciando dopo un paio di minuti al massimo, ma da loro ho scoperto come NON scrivere qualcosa che qualcuno non affetto da asperger possa ragionevolmente sperare di capire.

              > Comunque ho appena ritoccato la pagina in modo che degradi graziosamente in IE 9, e vado a dormire.

              Immagine postata dall'utente

              Io prometto che questo e` l'ultimo meme e vado a dormire. Anonimo
              • Avatar
                Scritto da
                Non Autenticato
                il 2013-02-05 15:03:22.0 alle 2013-02-05 15:03:22.0
                Re: Centraggio verticale in CSS
                > > > > > Questo funziona con firefox, chrome e IE 10:
                > > > > > 
                > > > > > <!DOCTYPE html>
> > > > > <html>
> > > > > <head>
> > > > > <title>al centro</title>
> > > > > <style>
> > > > > * {
> > > > > border: 0; padding: 0; margin: 0;
> > > > > }
> > > > > .centered {
> > > > > position: absolute;
> > > > > width: 100%;
> > > > > text-align: center;
> > > > > top: 50%;
> > > > > }
> > > > > </style>
> > > > > </head>
> > > > > <body>
> > > > > <div class=centered>al centro</div>
> > > > > </body>
> > > > > </html>
> > > > >

                > > > >
                > > > > Sgatta che ti sgatta ho trovato un modo concettualmente semplice e ho raggiunto il risultato voluto, però continua a rodermi che occorrano ancora trucchi per far funzionare CSS come ci si aspetterebbe.
                > > > >
                > > > > Perché una DIV con width: 100% e height: 100% non occupa l'intera finestra? Per ottenerla ho dovuto dichiarare position: absolute e top, bottom, left, right: 0px.
                > > > >
                > > > > Perché vertical-align: middle non funziona per qualsiasi elemento contenuto in un altro elemento, ma occorre ricorrere a display: table e table-cell?
                > > >
                > > > Perché una pagina non è un viewport, l'altezza di una pagina dipende dal contenuto. La front page del fdt è alta 6529 pixels, avrebbe senso centrare una box così?
                > >
                > > Centrare un blocco di 6529 pixel in una finestra di 700 e rotti? Qualcuno potrebbe volerlo fare. Io ad esempio. E anche alex.tg. Siamo già in due. Con la lingua fuori
                > >
                > > Quel che mi fa battere il cucchiaio per terra gridando ba-ba-ba-ba-ba è che W3schools afferma che vertical-align definisce l'allineamento verticale di un elemento rispetto al'elemento contenitore, punto e basta, non che BODY non va bene come contenitore e che occorre il display table e table-cell. Se lo dice W3schools dev'essere vero, a meno che sul sito del W3C non ci sia scritto altrimenti! Arrabbiato
                >
                > Personalmente non ho mai capito un'acca di quel che c'e` scritto sul sito del W3C, rinunciando dopo un paio di minuti al massimo, ma da loro ho scoperto come NON scrivere qualcosa che qualcuno non affetto da asperger possa ragionevolmente sperare di capire.

                Pensa che come reference per CSS2 ho usato per anni le specifiche sul sito del W3C!

                Solo che ora sono così tentacolari che leggersele tutte è impossibiru!

                > > Comunque ho appena ritoccato la pagina in modo che degradi graziosamente in IE 9, e vado a dormire.
                >
                > Immagine postata dall'utente
                >
                > Io prometto che questo e` l'ultimo meme e vado a dormire. Anonimo
<softv>

Pagina generata in 119 millisecondi

Utenti attivi: 12 nell'ultimo minuto, 31 negli ultimi cinque minuti, 69 negli ultimi 15 minuti