Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Apr 2011
    Messaggi
    12

    centrare due box nella pagina

    Salve genti.

    Sono riuscito a centrare header e footer mettendo:

    position:relative;
    margin-left: auto;
    margin-right:auto;

    Il problema è che al centro tra i due box ho altri due box (menu e contenuti) che vorrei centrare come anche ho centrato i primi due box. Come posso farlo?

  2. #2
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    Ciao Chavez, racchiudi tutti i box in un altro box e centra quello nella pagina

  3. #3
    Utente di HTML.it
    Registrato dal
    Apr 2011
    Messaggi
    12
    Cioè, faccio così?

    <div class="contenitorebox">

    <div class="box1">
    </div>
    <div class="box1">
    </div>
    <div class="box1">
    </div>
    .
    .
    .
    <div class="boxN">
    </div>

    </div>

    Ma nei box che sono contenuti nel contenitore come organizzo i margini?

  4. #4
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    Il margin:0 auto andrà sul contenitore generale che sarà centrato nella pagina (avendo una larghezza specificata), i div interni, header, footer e quello centrale coi due div menu e contenuto non avranno bisogno di essere centrati perché sono interni al contenitore generale e quindi si spostano con lui (perciò da quelli puoi eliminare il margin-left e margin-right settati su auto).

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.