Sign in to follow this  
artdir

Layout completo Centrato> CSS

Recommended Posts

Ciao a tuti, ho finalmente un p; di tempo epr continuare il sito,

ho capito come centrare un singolo layer, ho capito come assegnare le classe per un semplice rollover ora il problema [ centrare un layout intero.

Ho dato una vista veloce a vari tutorial ma molti prevedono testo scorrevole e contenuto scorrevole,

a me servirebbe semplicemente creare un impaginato che, nel suo complesso, risulta centrato.

come questa home page, i suoi elementi non sono centrati ma nel complesso lo sono

http://www.mcmarin.com

(non guardate il codice e' praticamente stato creato da fireworks e viene un vero *******io)

ho letto di float, ma da quello che ho capito non e' quello che mi serve, ho letto di layout centrati ma con testi scorrevole... io di testo ne avro' ma in altre pagine...

insomma mi pare di aver capito che devo creare un layer totalmente centrato, e dentro ad esso i vari layer che si agganciano al layer principale, il problema [ come si f' a rendere subordinati dei layer ad un layer "superiore"

forse sto' facendo un po' di confusione

Share this post


Link to post
Share on other sites

come si f' a rendere subordinati dei layer ad un layer "superiore"

forse sto' facendo un po' di confusione

metti un div uno dentro l'altro nel codice.

in questo caso si usa un div container e dentro ci si piazzano i vari div con diversi margini e float.

cerca two column css e trovi tutto quel che ti serve su google.

Share this post


Link to post
Share on other sites

ok, sto guardando su html.it e su altri siti tramite google

nel Float> teoria e pratica 1 dice

Una buona pratica è quindi costringere il float in larghezza. I modi possibili sono due:

Attribuire una larghezza al suo contenuto, o usare esclusivamente contenuto di larghezza nota.

Dichiarare la larghezza dell'elemento float.

in questo caso lavorando con soli porzioni di immagine io lavoro con contenuto di larghezza nota.

non ho testo scorrevole, e raramente lo avro'

Share this post


Link to post
Share on other sites

scusami... ma così poi non è che viene centrato tutto, compreso il contenuto?

stò leggendo su csszengarden che molti per mantenere un design fisso, centrato utilizzano l'alternativa del margine negativo e dell'allign al 50%

stò solo cercando di capire come fare quel mio impaginato in css

ora continuo a fare prove, poi ti dico

Share this post


Link to post
Share on other sites

sisi infatti.

imposta margin: auto per il div contenitore.

occhio che IE non capisce "auto", sicché devi fare una gabola:

mettiamo che hai

<body>

<div id="contenitore">blah</div>

</body>

nel foglio di stile metti

body { text-align: center }

div#contenitore { margin: auto; width: XXXpx; text-align: left }

IE non supporta "auto" ma interpreta male anche text-align: center (centra non solo gli elementi in linea ma anche i "contenitori"), il che torna utile in questo caso.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this