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

    Allineare verticalmente

    Ciao a tutti,
    ho creato un box 500 per 300 e vorrei allinearlo verticalmente in modo assoluto.

    Mi dareste un aiuto?

    Grazie
    "La grandezza dell'uomo si misura in base a quel che cerca e all'insistenza con cui egli resta alla ricerca".

  2. #2
    io di solito faccio così:
    creo una tabella di una riga e una colonna
    gli dò altezza e larghezza 100%
    all'interno di questa inserisco l'immagine
    e setto l'allineamento della cella centrato sia verticalmente che orizzontalmente


  3. #3
    Questo direi che va bene.
    Nel caso posso sempre annidare qualche tabella per altri usi.

    Vorrei farti un'altra domanda.
    Ma quando cambia la risoluzione dello schermo, tu di solito come gestisci la cosa? Lasci che il rimpicciolimento avvenga oppure adotti qualche altro sistema?
    "La grandezza dell'uomo si misura in base a quel che cerca e all'insistenza con cui egli resta alla ricerca".

  4. #4
    non è meglio allineare con i fogli di stile ed usare le tabelle per contenere dati (cioè per fare le tabelle)?
    Colleziono problemi matematici divertenti o strani e li raccolgo nel mio sito. Se me ne mandate qualcuno vi ringrazio. flan

  5. #5
    Me lo puoi spiegare attraverso un esempio concreto con i css?

    Grazie
    "La grandezza dell'uomo si misura in base a quel che cerca e all'insistenza con cui egli resta alla ricerca".

  6. #6
    Originariamente inviato da Blue_savana
    Questo direi che va bene.
    Nel caso posso sempre annidare qualche tabella per altri usi.

    Vorrei farti un'altra domanda.
    Ma quando cambia la risoluzione dello schermo, tu di solito come gestisci la cosa? Lasci che il rimpicciolimento avvenga oppure adotti qualche altro sistema?
    la parte non ricoperta dall'immagine (o da tabelle) si rimpicciolirà se riduci la risoluzione ma la tua immagine rimarrà sempre al centro

  7. #7
    senza tabelle, vado a memoria, provalo


    .box {position:absolute;
    width:500px;
    height:300px;
    left:50%;
    top:50%;
    margin-left:-250px;
    margin-top:-150px;
    background:red;
    }
    4 pag. x il forum:l'ospite ora ha solo link sponsorizzati, valli a capire-GommaLayout! Agg. 25 agosto 2004)-Molla&Collano privati tecnici, per favore

  8. #8
    puoi provare anche questo:

    <style>
    body,html { height:100%;margin:0 }
    #box {
    width:500px; height:400px;
    position:absolute;top:50%;left:50%;
    margin:-250px 0 0 -200px;
    border:1px solid #000;
    background-color:transparent;
    overflow-x:auto;
    overflow-y:auto;
    }
    </style>

    <html><body>

    questo a centro di 500x400

    <div id="box"
    </body>
    </html>
    Colleziono problemi matematici divertenti o strani e li raccolgo nel mio sito. Se me ne mandate qualcuno vi ringrazio. flan

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.