centrare animazione sia verticalmente che orizzontalmente

**andy_s** · 21-03-2008, 18:09

Buongiorno
ho un problema
vorrei centrare sia verticalmente che orrizzontalmente
un'animazione flash
ho cercato e provato vari script ecc
però riesco a centrare solo orrizzontalmente
eccone uno

Codice PHP:


<style>





html, body {

  

  text-align: center;    /* per far contento IE6- */

  font-size: 100%;

  width: 100%;           /* altrimenti il margin sotto non ha riferimenti */

    height: 100%;

    }

#tutto {

   margin: 0 auto;      /* centrare nei browser standard */

  text-align: center;        /* per correggere il center del body */

}

</style>

<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>

</head>



<body >

  <div id="tutto">

    ... tutto il contenuto ...

  </div>

</body>

io uso ie 6.0.2800

idee?????

**Inverter** · 21-03-2008, 18:53

Codice PHP:


#tutto 

{

  position:absolute;

  top:50%;

  left:50%;

  margin-top: - X; /* Al posto di X devi inserire la metà della altezza del tuo box lasciando il segno negativo*/

  margin: 0 auto;      

  text-align: center;      

}

Prova così

**Hobby** · 21-03-2008, 20:07

http://www.google.com/search?hl=it&r...lmente&spell=1

**Myaku** · 21-03-2008, 20:23

Originariamente inviato da Inverter

Codice PHP:


#tutto 

{

  position:absolute;

  top:50%;

  left:50%;

  margin-top: - X; /* Al posto di X devi inserire la metà della altezza del tuo box lasciando il segno negativo*/

  margin: 0 auto;      

  text-align: center;      

}

Prova così

ehm ... ti vanno un po' in "conflitto" i margini. Se dici:
margin: 0 auto significa che margin-top e margin-bottom assumeranno valore 0, e il m.top perderà il valore precedentemente impostato.
margin-top negativo va quindi bene, ma al posto del margin: 0 auto dovrai settare un margin-left negativo con lo stesso principio di margin-top.
E ovviamente, larghezza ed altezza del div dovranno essere specificate

Al primo link della ricerca postata da Hobby viene spiegato dettagliatamente.

**andy_s** · 21-03-2008, 20:40

maku non ho capito
comunque ho trova dal link messo quest

Codice PHP:


<style type="text/css" media="screen">



html, body{

    background-color:#fadbbc;

    margin:0;

    padding:0;

    }

#container {

    position:absolute;

    top: 50%;

    left: 50%;

    color:#fff;

    font-weight:bold;

    width:900px; 

    height:600px;

    padding:0;

    margin-left:-440px;

    margin-top: -300px;

}



body {

    background-color: ##FF0000;

}

</style>

sembra funziona
cosa ne dite?

**Hobby** · 21-03-2008, 20:45

Originariamente inviato da andy_s
maku non ho capito
comunque ho trova dal link messo quest

Codice PHP:


<style type="text/css" media="screen">



html, body{

    background-color:#fadbbc;

    margin:0;

    padding:0;

    }

#container {

    position:absolute;

    top: 50%;

    left: 50%;

    color:#fff;

    font-weight:bold;

    width:900px; 

    height:600px;

    padding:0;

    margin-left:-440px;

    margin-top: -300px;

}



body {

    background-color: ##FF0000;

}

</style>

sembra funziona
cosa ne dite?

Se dici che funziona ci credo ma ho i miei dubbi

**andy_s** · 22-03-2008, 13:27

come detto io devo centrare un'animazione sia centralmente che verticalmente sul video
con questa devo settare dei parametri

se hai un'altra soluzione postala che provo

ciao e grazie

**Inverter** · 22-03-2008, 14:02

Originariamente inviato da Myaku
ehm ... ti vanno un po' in "conflitto" i margini. Se dici:
margin: 0 auto significa che margin-top e margin-bottom assumeranno valore 0, e il m.top perderà il valore precedentemente impostato.
margin-top negativo va quindi bene, ma al posto del margin: 0 auto dovrai settare un margin-left negativo con lo stesso principio di margin-top.
E ovviamente, larghezza ed altezza del div dovranno essere specificate

Al primo link della ricerca postata da Hobby viene spiegato dettagliatamente.

Si è vero, non avevo notato il margin:0.

**Hobby** · 22-03-2008, 16:08

Originariamente inviato da andy_s
come detto io devo centrare un'animazione sia centralmente che verticalmente sul video
con questa devo settare dei parametri

se hai un'altra soluzione postala che provo

ciao e grazie

Ti ho già postato un link dove trovi tutti i dettagli per farlo funzionare benissimo

Discussione: centrare animazione sia verticalmente che orizzontalmente

Strumenti discussione

Ricerca discussione

Visualizza

centrare animazione sia verticalmente che orizzontalmente

Permessi di invio