Bonjour à tous,

J'utilise la fonction rotate pour retourner une div, mon soucis, plutôt esthétique, est qu'un fois la div retournée , les éléments placés à l'intérieur de celle-ci se replacent. C'est un mini décalage, peut être 1mm mais visuellement c'est pas parfait.

Peut être connaissez-vous une solution à ce "problème".

Bonjour landryguilloton,

Il nous faut le code html et Css

<div class='cercle' id='devant_fournisseur'>
        <input class='fourninfo' type='hidden' id='fourn_id'/>
        <input class='fourninfo' type='hidden' id='fourn_type'/>
        <img src="" id='cercle_logo' onclick='openlink(this);'>
        <div class='fourninfo' id='name'></div>
        <div class='fourninfo' id='ad1'></div>
        <div class='fourninfo' id='ad2'></div>
        <div class='fourninfo' id='zip_town'></div>
        <div class='fourninfo' id='com_tel'></div>
        <div class='fourninfo' id='com_fax'></div>
        <div class='fourninfo' id='com_email'></div>
        <div class='fourninfo' id='sav_email'></div>
        <div class='rect1' id='dm_ublock'>
                <div>Compte client :<input type='text' value='' class='dm_ublock_formul' id='ucc' onclick='copy(this);' ondblclick ='modifdonus(this)' onblur='save_modifdonus(this, "compte", fourn_id);' readonly/></div>
                <div>Id :<input type='text' value='' class='dm_ublock_formul' id='uid' onclick='copy(this);' ondblclick ='modifdonus(this)' onblur='save_modifdonus(this, "identifiant", fourn_id);' readonly/></div>
                <div>Pass : <input type='text' value='' class='dm_ublock_formul' id='ump' onclick='copy(this);' ondblclick ='modifdonus(this)' onblur='save_modifdonus(this, "pass", fourn_id);' readonly/></div>
        </div>
        <div class='rect1' id='dm_comblock'>
                <div class='fourninfo' id='vrp_civ'></div>
                <div class='fourninfo' id='vrp_tel'></div>
                <div class='fourninfo' id='vrp_email'></div>
        </div>
        <input class='fourninfo' type='hidden' id='mark_id' value=''/>
        <div class='doublebut'><input type='button' id='commercial' onclick='commercial(); affiche_commercial();'/><input type='button' value='' id='cercle_submit_sav' onclick='retourne_cercle(devant_fournisseur, "fournisseur");'></div>
</div>

#dm_ublock
{
	z-index: 103;
	transform: rotateX(0deg);
	align-items: left;
}
#dm_comblock
{
	z-index: 53;
	transform: rotateX(-180deg);
	text-align:center;
}

function affiche_commercial()
        {
            var blockcom = document.getElementById("dm_comblock");
            var blockuser = document.getElementById("dm_ublock");

            if(blockuser.style.transform =='rotateX(0deg)')
            {
                blockuser.style.transform = 'rotateX(-180deg)';
                blockcom.style.transform = 'rotateX(0deg)';
            }
            else
            {
                blockuser.style.transform = 'rotateX(0deg)';
                blockcom.style.transform = 'rotateX(-180deg)';
            }
        }