Visualizzazione risultati 1 fino 4 di 4

Discussione: allineare PERFETTAMENTE un div sotto il div superiore

  1. #1
    sitosisaz non è connesso Utente giovane
    Data registrazione
    08-10-2008
    Messaggi
    67

    Predefinito allineare PERFETTAMENTE un div sotto il div superiore

    ciao a tutti ragazzi, sto facendo delle prove di una pagina web, creando un layout. Il mio problema è che non riesco ad allineare la colonna destra PERFETTAMENTE sotto il div ( logo )
    So che si devono eseguire dei calcoli ma io NON SO FARLO!
    Mi dite voi come si fanno questi calcoli?? se io il mio div contenitore è di 960px come faccio a fare dei calcoli, con tanto di padding, margin, border ecc.. per avere un layout PERFETTAMENTE allineato?!
    vi posto il link della pagina in modo che possiate vedere il codice html e css e capire meglio!

    http://sitosisaz.altervista.org/questo.html
    Grazie a tutti!!

  2. #2
    L'avatar di alemoppo
    alemoppo non è connesso Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    22,752

    Predefinito

    Non è che ci sia una formula standard.... In breve, il "posto" del contenitore dev'essere uguale al "posto" che occupa il contenuto.

    In "formule", immagino tu abbia fatto:
    Codice:
    contenitore = div dx + div centrale + div destro
    #contenitore.width  = #col-sx.width + #col-sx.padding*2 + #col-sx.margin-right + #col-cen.width + #col-cen.padding*2 + #col-cen.margin-right + #col-dx.width + #col-sx.padding*2
    950 = 278 + 512 + 160
    950 = 950
    Però non hai tenuto conto dei bordi dei div interni!

    Ciao!
    Ultima modifica di alemoppo : 25-12-2013 alle ore 11.54.04

  3. #3
    sitosisaz non è connesso Utente giovane
    Data registrazione
    08-10-2008
    Messaggi
    67

    Predefinito

    scusa se non ho capito ma sono un novizio. Di quali bordi dei div interni parli?

  4. #4
    L'avatar di alemoppo
    alemoppo non è connesso Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    22,752

    Predefinito

    Parlo dei bordi dei div col-sx, col-cen e col-dx che hai specificato qui:

    Codice:
    div { margin: 0; padding: 0; border: 1px solid;}
    Ciao!

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •