asp.net - CSS 変換は原点を動的に回転します

Question

したがって、自分を撃つ前に、css/html の問題について助けが必要です。私は .NET プログラマーであり、html や css を深く掘り下げる必要はありませんでした。画像として保存されているチャートがいくつかあり、それらを水平に表示するのではなく、垂直に表示したいのです。たとえば、画像は高さ 75 ピクセル、幅 900 ピクセルになります。それらは、画面を横切る Div に表示されます。したがって、それらを垂直に表示するために、画像にいくつかの変換を行いました-rotate(-90)。問題ない。問題は元の部分で発生します。Div にある画像を Div コンテナの左側に対して垂直に並べたいのですが、このコンテナは別の Div です。しかし、コンテナを画面の右側に移動するには、余白を調整する必要があります。もちろん、画面サイズが変更された場合、これはとにかく機能しません。何かにならなきゃ」行方不明？これは私が使用している私のコードです:

CSS

   .columnMain
{   
    float: left;  
    **margin-left: 440px;**  
    **margin-top:-425px;**  
    -webkit-transform: rotate(-90deg); /* Safari and Chrome */  
    -o-transform: rotate(90deg); /* Opera */  
    -webkit-transform-origin: 50% 50%;  
    position:relative;  
}
div.container  
{  
    width: 99%;  
    margin-left: 2px;  
    padding: 0px;  
    height:600px;  
    background-color:#000000;  
    border:1px solid white;  
    top:225px;  
    position:absolute;  
} 

上記の問題領域を太字にしました。そして、以下の HTML/ASP.NET

 <div class="container">
        <div class="columnMain">
            <asp:ContentPlaceHolder ID="CMGraph" runat="server">
                <uc3:MGraph ID="MGraph1" runat="server" ClientIDMode="Inherit" 
                    EnableViewState="True" ViewStateMode="Enabled" />**This is the image/chart that has been created elsewhere**
            </asp:ContentPlaceHolder>
        </div>
 </div>

負の数を使用して Div とその内容を div.container の左側に戻す必要があるため、オリジンをいじっても問題ありません。だから、私が今していることよりも雄弁なことをすることができるかどうか、そしてそれが実際に画面サイズに関係なく正しく動作するかどうかを知る必要がありますか?