Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it L'avatar di goat
    Registrato dal
    Apr 2003
    Messaggi
    1,154

    problema con il tag <DIV>

    cia ciao,
    sto usando il tag <DIV align="center"> per centrare il mio sito fatto in flash all'interno della pagina html. il file flash viene centrato restando comunque "appoggiato" al lato superiore della finestra. è possibile, sempre usando il tag <DIV>, fare in modo che il mio file flash si vada a posizionare al centro della pagina html non soltanto in orizzontale, ma anche in verticale?
    lo so, usando una tabella sarebbe tutto più facile, ma il perchè non posso usarla è troppo lungo da spiegare.
    ciao e grazie,
    goat

  2. #2
    Utente di HTML.it L'avatar di Marcolino's
    Registrato dal
    May 2003
    residenza
    Udine
    Messaggi
    3,606
    Non c'è bisogno di usare le tabelle.
    Intanto potresti creare lo swf, con le specifiche in percenti e non avresti bisogno di nulla per centrarlo, ma se il problema è che intorno devi mettere del testo o altro ... :quipi:

    Ok:
    Non so quanto spazio devi utilizzare e comunque essendo questo sempre relativo, eccoti una probabile soluzione, usa i CSS:

    codice:
    <head>
    <style type="text/css" media="screen">
    html, body {
    width: 100%;
    height: 100%:
    text-align: center; 
    margin: 0;
    }
    div { 
    padding-top: 10px;
    }
    </head>
    <body>
    <div>
    shock wave qui!
    </div>
    </body>
    </html>
    Ecco così ti lascia 10 pixel in alto.
    Se invece dev proprio centrarlo nella pagina, devi sostituire con questo:
    codice:
    div {
    padding: 0;
    margin: 0;
    height: 50%;
    top: qui devi mettere un valore negativo, ma riguarda un calcolo.
    Se lo shock wave ha mettiamo 200 pixel di altezza, inserisci -100px; come valore.
    }
    Questo porta il valore di 200 pixel in meno rispetto al centro pagina.
    Per l'allineamento orizzontale non serve, perchè il box, è centrato dal body.

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.