Visualizzazione dei risultati da 1 a 7 su 7

Discussione: dividere pagina in due

  1. #1
    Utente bannato L'avatar di Stainboy
    Registrato dal
    Dec 2006
    Messaggi
    614

    dividere pagina in due

    Salve,
    avrei bisogno di sapere come posso fare, tramite CSS e possibilmente utilizzando div a dividere esattamente al centro una pagina html in due verticalmente in modo da poter ottenere metà pagina di un colore e l'altra metà di un altro (ho preparato un immagine con queste caratteristiche di sfondo e vorrei usare l'effetto ottico aggiungendo un tipo di sfondi adeguato anche nella pagina). Grazie.

  2. #2
    Utente di HTML.it L'avatar di deleted_id_48586
    Registrato dal
    Nov 2002
    Messaggi
    1,732
    Larghezza fissa o tutto schermo?

  3. #3
    Utente bannato L'avatar di Stainboy
    Registrato dal
    Dec 2006
    Messaggi
    614
    no no tutto schermo l'importante è che si divida in due (verticalmente) esattamente al centro la pagina e che possa scegliere i due colori , l'ideale sarebbe che le dimensioni dei due "rettangoli" cambino automaticamente quando l'utente modifica l'ampiezza della finestra del suo browser.. ma se non è possibile fa niente

  4. #4
    Utente bannato L'avatar di Stainboy
    Registrato dal
    Dec 2006
    Messaggi
    614
    nessuno?

  5. #5
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Ci son alcuni metodi per farlo.
    Il primo consiglio e` quindi di cercare tra i layout pronti (vedi ad esempio riferimenti nei "link utili") qualche struttura pronta.

    Cosi` di primo impulso direi:
    <body>
    <div id="uno">...</div>
    <div id="due">...</div>
    </body>
    dove a ciascun div dai
    width: 49.5%; /* supponendo che non ci siano margini, padding, bordi */
    float: left;
    Eventualmente i colori di sfondo vanno inseriti tramite la tecnica delle "false colonne" (vedi riferimenti tra i "link utili")

    Nota: Questo non e` sufficiente se devi anche inserire un footer.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  6. #6
    Utente bannato L'avatar di Stainboy
    Registrato dal
    Dec 2006
    Messaggi
    614
    Ciao Mich_,
    innanzitutto grazie per la tua risposta avevo gia provato in un altro modo molto più difficoltoso di questo (anche se poi il risultato è identico) ma ovviamente per questioni di praticità questo è migliore. Solo non riesco a trovare questo tutorial sulle false colonne per poter dividere la pagina in due colori.. magari riesci a linkarmelo o a spiegarmelo se ti è possibile? Grazie

  7. #7
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Solo non riesco a trovare questo tutorial sulle false colonne
    E` sicuramente citato nella discussione (in rilievo - una delle prime del forum) "link utili".
    Altrimenti puoi fare una ricerca nel forum (bottone in alto): l'argomento e` stato gia` trattato piu` volte.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

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.