Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 12
  1. #1

    centrare un layout salvato con i CSS

    ho sezionato un layout grafico con ImageReady e poi ho scelto i CSS per ricomporlo invece delle tradizionali tabelle.
    Ora in Dreamweaver il layout appare allineato a sinistra, volevo sapere se per allinearlo al centro c'è un metodo più rapido che andare a cambiare a mano il valore delle proprietà di allineamento di ogni box <div></div> (è formato da 17 layers!). Con le tabelle bastava centrare la tabella che conteneva il layout ed il gioco era fatto.

  2. #2
    Utente di HTML.it L'avatar di zoom
    Registrato dal
    Dec 2001
    Messaggi
    1,737
    al body text-align:center;
    al div più esterno che contiene tutto: margin:auto;

    Chicco Ravaglia per sempre con noi!

  3. #3
    Utente di HTML.it L'avatar di Cibi
    Registrato dal
    Dec 2000
    Messaggi
    27

    Suggerimento

    Approfitto di questo post per approfondire la cosa.
    Proprio oggi volevo centrare le pagine di un sito gestito con css.
    Nel foglio di stile avevo dato una dimensione al layout in questo modo:
    body {
    background-color: #CCCCCC;
    width: 750px;
    }

    E la cosa nn e' piaciuta molto alle mie pagine che "si rifiutavano" di centrarsi.
    Allora ho trasferito il parametro della larghezza nel css associandolo ad un "div-contenitore"

    Es:
    .div_body {
    width: 750px;
    }

    (il principio e' equivalente a quello della tabella sopracitata) e finalmente mi ha centrato il tutto.

    Magari lo sapevate gia', ma magari puo' servire a qualcuno

    Ciao ciao

  4. #4
    Utente di HTML.it L'avatar di zoom
    Registrato dal
    Dec 2001
    Messaggi
    1,737
    definire una larghezza al body non ha molto senso a mio avviso...
    sempre meglio lasciarlo al 100% e definire la dimensione a un box...
    Chicco Ravaglia per sempre con noi!

  5. #5
    Utente di HTML.it L'avatar di Cibi
    Registrato dal
    Dec 2000
    Messaggi
    27
    Me ne sono accorta!!!
    Ma picchiando qua e la' la testa ogni tanto ci si campana qualcosa


  6. #6
    Utente di HTML.it L'avatar di zoom
    Registrato dal
    Dec 2001
    Messaggi
    1,737

    giustos, senza errori non si può migliorare
    Chicco Ravaglia per sempre con noi!

  7. #7
    Originariamente inviato da zoom
    al body text-align:center;
    al div più esterno che contiene tutto: margin:auto;

    il div più esterno è il body; in pratica Image Ready ha prodotto 17 layers con posizionamento assoluto che non sono nidificati in un altro div

    Se scrivo questo nel foglio di stile (interno) non succede nulla
    body {
    background-color: #000000;
    text-align: center;
    margin:auto;
    }

  8. #8
    Utente di HTML.it
    Registrato dal
    Sep 2002
    Messaggi
    4,127
    ha prodotto 17 layers con posizionamento assoluto che non sono nidificati in un altro div
    e tu ci metti prima del primo un <div style="...">
    e dopo il 17esimo un </div>

  9. #9
    Utente di HTML.it L'avatar di zoom
    Registrato dal
    Dec 2001
    Messaggi
    1,737
    ma che compatibilità può avere una cosa del genere? :master:
    17 layer posizionati in assoluto senza un box contenitore?
    per me regge poco...

    cmq come suggerito da span è corretto
    Chicco Ravaglia per sempre con noi!

  10. #10
    Utente di HTML.it L'avatar di span
    Registrato dal
    Jan 2004
    Messaggi
    1,644
    Originariamente inviato da zoom
    cmq come suggerito da span è corretto
    no be'... io ho dato un'occhiata al 3d, ma non ho detto niente

    quella di sms va bene
    con position: relative; e margi: 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 © 2025 vBulletin Solutions, Inc. All rights reserved.