Sign in to follow this  
artdir

Tutorial CSS: Autocentramento di un Layer

Recommended Posts

Ciao a tutti,

siccome stò studiando i CSS per poter ristrutturare il sito della mia agenzia, volevo aprire un piccolo thread dove, se a qualcuno serve, spiegare con un piccolo trucchetto come centrare in automatico, a seconda della risoluzione, un Layer in CSS.

1 - Create un layer.

2 - Assegnategli posizionamento Assoluto.

3 - Assegnate la distanza dai margini di sinistra al 50%

4 - Modificare (IN NEGATIVO) i margini del layer in funzione della larghezza del layer stesso.

Per capirci meglio:

se il layer è di 200px, la sua metà in negativo sarà -100px;

quindi impostare il MARGINE SINISTRO del layer a -100px.

se la larghezza fosse stata 500px, si dovrebbe impostare il margine snistro del layer a -250px

ciao ;)

Fra

Share this post


Link to post
Share on other sites

non si fa così.

intanto non si chiama layer.

secondo per posizionare al centro si dà all'elemento un marigne sx e dx: auto

e lo spessore desiderato, se lo dai in percentuale hai comqunue una cosa che si allarga da sé.

Share this post


Link to post
Share on other sites

ah no?

scusa cosa sarebbe allora questo se non un layer? ;-)

#Logo { /*LOGO MCMARIN*/

position:absolute;

left:50%;

top:20px;

width:134px;

height:38px;

z-index:1;

margin-left: -67px;

se tu provi a mettere come margine sx e margine dx 50% come valore, lui calcola a partire dal margine sx il 50%, quindi non viene assolutamente centrato, perchè prende come riferimento il margine sx e non il centro del layer.

ciao squà ;)

ps: stò parlando di layer, non tabelle ;)

Share this post


Link to post
Share on other sites

onestamente non sò cosa siano i float, saranno un elemento dei css,

io parlavo solo del posizionamento dei LAYER centrati.

grazie per il link comunque! :) interessante, ora guardo cosa sono

Share this post


Link to post
Share on other sites

margin: 0 auto; vuol dire 0 top e bottom e auto sx e dx.

come dicevo io.

togli il positioning, fa solo bordello.

layer è il nome che dà dreamweaver ad elementi con attributi legati a stile.

smettila di chiamarli layer, è come chiamare fogli le pagine di un libro, non è sbagliato ma non fai una gran figura.

fra l'altro la smetto che son di fretta e posso dire vaccate da un momento all'altro.

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