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

    creare div al volo con float:left

    uso questa funzione per creare div al volo, vorrei però che i div creati mi si affìiancassero con un float:left

    function newDiv()
    {
    var idvar=Math.random();
    var nDiv=document.createElement("DIV");
    nDiv.id=idvar;
    nDiv.style.float="left";
    nDiv.style.width=100;
    nDiv.style.height=100;
    nDiv.style.position="relative";
    nDiv.style.backgroundColor="red";

    nDiv.innerHTML = idvar;
    document.getElementById('contenitore').appendChild (nDiv);
    }

    cosa devo usare per settare il float:left? oltretutto in modo che sia letto correttamente sia da ie che da firefox.

    poi ho notato che width ed height vengono visti solo da ie e non da firefox

  2. #2
    sostituendo tutti gli attributi con:

    eDiv.setAttribute("style","float:left; width:120px; height:120px; background:#ff0000");

    funziona alla grande con firefox e chrome, ma non ie niente

    che posso usare su ie per creare sti div affiancati?

  3. #3
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    Originariamente inviato da bejelit
    eDiv.setAttribute("style","float:left; width:120px; height:120px; background:#ff0000");

    funziona alla grande con firefox e chrome, ma non ie niente
    solo per IE esiste il cssText
    eDiv.style.cssText="{float:left; width:120px; height:120px; background:#ff0000}";

    pero' io farei come facevi inizialmente
    width e height sicuramente vanno settate come stringhe ed esplicitando l' unita' di misura
    nDiv.style.width="100px";

    per il float non saprei, forse il ricalcolo del float presuppone che gia' siano in un contenitore
    quindi il float potrebbe dover essere aggiunto dopo aver appeso gli elementi

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.