Navigazione

    Privacy - Termini e condizioni
    © 2020 Search On Media Group S.r.l.
    • Registrati
    • Accedi
    • CATEGORIES
    • Discussioni
    • Non letti
    • Recenti
    • Hashtags
    • Popolare
    • Utenti
    • Stream
    • Interest
    • Categories
    1. Home
    2. Categorie
    3. Coding e Sistemistica
    4. Coding
    5. Problema firefox width e padding
    Questa discussione è stata cancellata. Solo gli utenti con diritti di gestione possono vederla.
    • L
      luka.berna User • ultima modifica di

      Problema firefox width e padding

      Salve a tutti,
      continuo a riscontrare un problema in particolare con firefox.
      Assumiamo che di un div imposti la width a 700 px e un padding di 10px a sinistra e a destra. Bhè con firefox il div diventa largo 720px, il che mi sembra un comportamento anomalo e che non desidero assolutamente. Mi sbaglio forse? come posso rimediare?

      0 Miglior Risposta Ringrazia Cita Rispondi

        1 Risposta Ultima Risposta
      • M
        misterwo User Attivo • ultima modifica di

        scusa, questioni di box-model no?
        il tuo div deve essere largo 700px in totale?
        altrimenti sarà di 680px...680+10+10...700

        forse non ti ho capito... 🙂

        0 Miglior Risposta Ringrazia Cita Rispondi

          1 Risposta Ultima Risposta
        • 8
          8enrico4 User Attivo • ultima modifica di

          Tutto l'opposto mio caro, il problema te lo da I.E, attieniti a cio che ti mostra Firefox Ciao:smile5:

          0 Miglior Risposta Ringrazia Cita Rispondi

            1 Risposta Ultima Risposta
          • L
            luka.berna User • ultima modifica di

            @ 8enrico4
            per il momento lasciamo da parte IE...so che firefox è quello che da le visualizzazioni corrette
            @mistertwo
            si mi ha capito bene! solo che molto probabilmente non ho capito l'essenza del padding e del margin, fin'ora mi sono sempre attenuto a un metodo empirico (che so essere sbagliato e per questo mi sto documentando). Da quanto definito su W3C school il padding è:

            The CSS padding properties define the space between the element border and the element content.

            Mi sembrava quindi logico dedurre che se l'elemento è di una larghezza la largehzza rimane quella e il padding è il "rientro" rispeto all'elemento
            della serie che se su un blocco largo 100 pixel metto padding left e right da 10 px, il reale contenuto sia largo 80 px. E non che il contenuto rimane 100px e l'elemento si allarga rispetto al pagging. Capisco bene che con due sottrazioni ottengo lo stesso risultato.
            Stavo solo cercando solo di comprendere meglio il funzionamento.
            Certamente ho sbagliato a intitolare la discussione con "Problema..." piuttosto che "Comportamento..."

            0 Miglior Risposta Ringrazia Cita Rispondi

              1 Risposta Ultima Risposta
            • M
              misterwo User Attivo • ultima modifica di

              ciao luka!
              nessun problema!

              prova a dare un occhio a questi siti:

              ht t p: //ww w.constile.org/tutorial/IE5_box_model/

              ht t p: //w ww.diodati.org/w3c/css2/box.html

              ht t p: //w ww.laburno.net/2007/08/23/piccolo-trucco-per-il-boxmodel/

              ht tp : //css.html.it/guide/lezione/28/il-box-model/

              0 Miglior Risposta Ringrazia Cita Rispondi

                1 Risposta Ultima Risposta
              • L
                luka.berna User • ultima modifica di

                Link utilissimi grazie mille!

                0 Miglior Risposta Ringrazia Cita Rispondi

                  1 Risposta Ultima Risposta
                • K
                  karedas Super User • ultima modifica di

                  Ciao Luka_berna 🙂

                  Arrivo un pò in ritardo causa problemi di tempo, in ogni caso se hai risolto con misterwo molto bene. Facci sapere se hai capito hai altri dubbi.
                  Ciao! 😄

                  0 Miglior Risposta Ringrazia Cita Rispondi

                    1 Risposta Ultima Risposta
                  Caricamento altri post
                  Rispondi
                  • Topic risposta
                  Effettua l'accesso per rispondere
                  • Da Vecchi a Nuovi
                  • Da Nuovi a Vecchi
                  • Più Voti