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

    Posizionare livello al centro del browser

    Ciao a tutti,

    E’ possibile posizionare un livello chiamato “A” largo=640px e alto=400px al centro della finestra del browser (variabile).

    Nota:
    Per variabile intendo che l’utente può ridimensionare la finestra ma il livello “A” deve rimanere al centro.
    Il posizionamento deve essere rispetto al centro del livello “A” e non rispetto l’angolo superiore del livello “A”.

    Inoltre é possibile posizionare un nuovo livello chiamato “B” all’interno del livello “A” ad una distanza precisa rispetto a quest’ultimo Es. a 10px rispetto l’angolo superiore sinistro.

    Grazie e scusate per questo rompicapo che però ritengo possa risultare utile per tutti quelli che vogliono realizzare posizionamenti tramite i css.

  2. #2
    Moderatore di Javascript L'avatar di ciro78
    Registrato dal
    Sep 2000
    residenza
    Napoli
    Messaggi
    8,514
    usi i fogli di stile

    .classe{
    position:absolute;
    width:640px;
    height:400px;
    margin-top:-200px;
    margin-left:-320px;
    top:50%;
    left:50%;
    }

    poi

    [code]
    <div class="classe">
    metti quello che vuoi
    </div>

    ovviamente la prima parte è un foglio di stile esterno
    Ciro Marotta - Programmatore JAVA - PHP
    Preferisco un fallimento alle mie condizioni che un successo alle condizioni altrui.


  3. #3
    Utente di HTML.it
    Registrato dal
    Aug 2003
    Messaggi
    311
    per la seconda domanda:

    .classeB {
    position: absolute;
    left: 10px;
    top: 10px;
    }

  4. #4
    Moderatore di Javascript L'avatar di ciro78
    Registrato dal
    Sep 2000
    residenza
    Napoli
    Messaggi
    8,514
    non avevo visto la seconda domanda
    Ciro Marotta - Programmatore JAVA - PHP
    Preferisco un fallimento alle mie condizioni che un successo alle condizioni altrui.


  5. #5
    Grazie a tutti adesso provo CIAAAAoooooooo.

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.