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

    centrare nel monitor un DIV contenitore?

    Salve,

    ho creato un DIV contenitore e all'interno ne ho inseriti altri. A tutti i DIV ho assegnato un valore di posizionamento assoluto, quindi se assegno al DIV contenitore un valore per left e top, viene spostato il tutto.

    Io però avrei bisogno sì di spostare tutto, ma al centro del monitor e quindi il mio DIV contenitore dovrebbe avere align= center e valign= middle. Come faccio? e' possibile?

    grazie mille
    :master:

  2. #2
    grazie mille! ho già trovato, spero...

    Come proprietà del DIV contenitore ho messo position: relative; invece di absolute...

    #body {
    width: 760px;
    height: 550px;
    position: relative;
    top: 150px;
    left: 0px;
    margin: 0 auto;
    align: center;
    valign: middle;
    padding: 0px;
    border: Solid 1px #CCCCCC;
    }

    I DIV (position: relative all'interno del contenitore, seguono e tutto è centrato a video!

  3. #3

    Re: centrare nel monitor un DIV contenitore?

    Originariamente inviato da freestyle
    Io però avrei bisogno sì di spostare tutto, ma al centro del monitor e quindi il mio DIV contenitore dovrebbe avere align= center e valign= middle. Come faccio? e' possibile?
    grazie mille
    :master:
    Prova a guardare se questo fa al caso tuo:

    http://www.jakpsatweb.cz/css/css-ver...-solution.html

    Saluti, Alessandro

  4. #4
    grazie, perchè l'allineamento verticale non viene preso!!!


  5. #5
    più semplicemente puoi usare il posizionamento assoluto con 50%/50% e margini alto/sinistro negativi a larghezza/2 e altezza/2


    edit
    tra l'altro valign neppure esiste come css
    esiste vertical-align ma ha ben poco in comune con valign

  6. #6
    dovrei aver risolto, anche se non è proprio allineato MIDDLE:

    #contenitore {
    width: 100%;
    height: 550px;
    position: relative;
    left: 0px;
    margin: 0 auto;
    align: center;
    _top: 50%;
    vertical-align: middle;
    display: table-cell;
    padding: 0px;
    border: Solid 1px #CCCCCC;
    }// non viene perfetto...

    anche io ho pensato a dividere larghezza e altezza ma al livello di sintassi non ho idea di come si faccia io avevo provato:

    _top: 50% - (height/2) ma niente

    E' la prima volta che affronto i DIV, devo dire che sapere bene HTML mi è molto utile, ma vado molto a rilento...

  7. #7
    http://nikogu.altervista.org

    guarda il css di questa pagina
    è sicuramente più inutitivo e semplice della soluzione da te postata

  8. #8
    si, funziona come deve adesso devo solo testare sugli altri browser!!

    grazie infinite!!

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.