Visualizzazione dei risultati da 1 a 6 su 6
  1. #1
    Utente di HTML.it
    Registrato dal
    Sep 2007
    Messaggi
    257

    Quali differenze tra margin-left e left?

    Nel posizionare un div che differenze ci sono tra l'usare left:10px; al posto margin-left:10px; ?

    Es:
    #box{
    position:relative;
    margi-left:10 px;
    }

    #box{
    position:relative;
    left:10px:
    }

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    left sposta un elemento verso sinistra togliendolo dal suo posto originario, ma lasciando inalterate le posizioni degli elementi circostanti. margin-left invece non lascia inalterate le posizioni degli elementi circostanti

    Fai una prova ad es. con molti div uno sotto l'altro e prova a spostare il primo nei due diversi modi (top e margin-top)
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  3. #3
    Utente di HTML.it
    Registrato dal
    Sep 2007
    Messaggi
    257
    Originariamente inviato da fcaldera
    left sposta un elemento verso sinistra togliendolo dal suo posto originario, ma lasciando inalterate le posizioni degli elementi circostanti. margin-left invece non lascia inalterate le posizioni degli elementi circostanti

    Fai una prova ad es. con molti div uno sotto l'altro e prova a spostare il primo nei due diversi modi (top e margin-top)
    Quindi per posizionare i <div> relative è preferibile utilizzare left e non margin-left?

  4. #4
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    left funziona solo se l'elemento e relative, absolute o fixed
    margin-left funziona anche se l'elemento è posizionato di default a static (ovvero non posizionato).

    il cosa sia meglio usare dipende dall'effetto che vuoi ottenere, non è che ci sia un discorso di "preferenza"
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  5. #5
    Utente di HTML.it
    Registrato dal
    Sep 2007
    Messaggi
    257
    Originariamente inviato da fcaldera
    left funziona solo se l'elemento e relative, absolute o fixed
    margin-left funziona anche se l'elemento è posizionato di default a static (ovvero non posizionato).

    il cosa sia meglio usare dipende dall'effetto che vuoi ottenere, non è che ci sia un discorso di "preferenza"
    Ok grazie 1k,
    Senti visto che ci sono vorrei aprofittare della tua gentilezza/competenza per chiederti se hai qualche testo di riferimento da consigliarmi riguardanti i css e le problematiche ad esse connesse, un testo da consultare e da tenersi vicino sulla scrivania qualora si abbia la necessità di doverlo consultare durante la creazione di un progetto web.

  6. #6
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    Originariamente inviato da starbuck
    Ok grazie 1k,
    Senti visto che ci sono vorrei aprofittare della tua gentilezza/competenza per chiederti se hai qualche testo di riferimento da consigliarmi riguardanti i css e le problematiche ad esse connesse, un testo da consultare e da tenersi vicino sulla scrivania qualora si abbia la necessità di doverlo consultare durante la creazione di un progetto web.
    se parliamo del solo uso delle proprietà, va bene un manuale completo qualsiasi (vedi thread link utili), per tutto il resto c'è la rete che è un'ottima fonte di informazioni.

    Comunque, per la domanda di prima, difficilmente troverai una risposta che ti dica senza dubbio cosa sia meglio tra left o margin-left, l'importante però è capire la differenza. L'unica discriminante è capire a cosa serve l'elemento e come è costruito il resto della pagina.
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

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.