Back to top

Autore Topic: [Risolto] Ridurre la larghezza del template e farlo rimanere centrato.  (Letto 1642 volte)

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 32046
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
Salve
Come da titolo vorrei ridurre la larghezza della barra header del template  Tk_3D_Free.
E' troppo invasiva a tutta larghezza per cui ho provato a metterla un po' più larga del corpo centrale senza perdere la caratteristica responsive ed ho applicato un max-width di 1200px, però perde la centratura e mi rimane inevitabilmente attaccato a sinistra. Come posso restringerla e farla rimanere al centro?
Il sito è: http://www.sisinternational.net
 
Grazie.
 
« Ultima modifica: 28 Set 2013, 13:41:24 da tomtomeight »

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Ridurre la larghezza del template e farlo rimanere centrato.
« Risposta #1 il: 28 Set 2013, 13:24:41 »
prova racchiudere <div id="block-header">
in un nuovo div abbinando una regola per la larghezza max  e la centratura


#nuovo_div {
margin:0 auto;
max-width:1200px;
}
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 32046
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
Grazie giusebos, mi hai dato l'idea del margin auto, ho applicato al div page ed è andato al centro.
Codice: [Seleziona]
#page {background: url("../images/background.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
margin: auto;max-width: 1100px;
}
1200 era ancora troppo largo.

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
si ho visto :)
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

 



Web Design Bolzano Kreatif