Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it L'avatar di Sonikag
    Registrato dal
    Mar 2004
    Messaggi
    2,080

    Problema allineamento box decentrato

    Allora ho un box di larghezza 950px che deve essere posizionato nella pagina decentrato.
    Mi spiego il margine di sinistra deve essere il doppio di quello di destra indipendentemente dalle risoluzioni. Qual'è la soluzione migliore per questa situazione? Avevo provato con un margin-right:35%;
    margin-left:65%;

    ma ovviamente aggiunto ai 950px mi va fuori.

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    La sparo, cosi` tanto per provare. Non so se funziona ne` se e` applicabile al tuo caso.
    I colori servono solo per verificare come si comportano i blocchi.

    PS: fammi sapere come vanno le prove

    codice:
    <body>
      <div id="dummy">
        <div id="decentrato">
    
     qui il contenuto</p></div>
      </div>
    </body>
    
    CSS:
    html, body {
      width: 100%;   /* altrimenti gli auto sotto non funzionano */
      background: blue;  /* prova */
    }
    #dummy {
      margin: 0 0 0 auto;  /* margine auto solo a sinistra */
      background: red;   /* per prova */
    }
    #decentrato {
      margin: 0 auto;   /* margini automatici a sin e destra */
      width: 950px;
      background: green;  /* prova */
    }
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    Utente di HTML.it L'avatar di Sonikag
    Registrato dal
    Mar 2004
    Messaggi
    2,080
    Allora per funzionare funziona!
    Mi viene più abbondate a destra che a sinistra ma è lo stesso poi posso sempre giare le cose e tutto si risolve.
    Il problema di fondo è che mi serve che un margine sia il doppio dell'altro per questo motivo avevo tentato la strada delle percentuali ma mi ero incastrata appunto a causa del box centrale con dimensione fissa.
    (Mannaggia ai grafici :P)
    Grazie!

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.