Visualizzazione dei risultati da 1 a 2 su 2
  1. #1

    Problema con posizione elemento

    Ciao a tutti
    Sto avendo un problema con la posizione di un elemento nonostante io gli dia la posizione esatta, mi spiego, creo un elemento in javascript:

    codice:
    const padre = document.querySelector(".box-padre");
    const el = document.createElement("span");
    el.setAttribute("class","preloader");
    padre.appendChild(el);

    Ora il CSS:
    codice HTML:
    .box-padre {
    position:relative;
    width: 100%;
    height: 100%;
    }
    .preloader {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    ...
    }
    ecco quello che non prende è il translate mi sapreste dire il perchè?

  2. #2
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    4,907
    Ciao, l'elemento <span> è di tipo inline; la proprietà transform non è applicata a questo tipo di elementi.
    Prova ad applicare, allo span, display:inline-block oppure display:block.
    Prima di postare considera che tra i link utili puoi trovare il 75% delle risposte alle tue domande; il 20% tra i post del forum; il 15% sul web.
    Ti resta... humm spè

    Le cattive domande sono quelle che non meritano risposta, le buone domande sono quelle che non hanno risposta
    L'Itailano non e nu'opnioine. E' improntate uslaro correattemtne sul froum. Garize!

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 © 2021 vBulletin Solutions, Inc. All rights reserved.