locked
why is a simple DIV positioning kicking my butt?? RRS feed

  • Question

  • User1137322238 posted

    The goal:   simply place two controls in a horizontal line, within a DIV.

    I've tried ...everything: clearly I'm not getting how it works..

    I'm using asp.net in VS.NET 2019, & a css page

    Ideally, I want two gauges side by side in a DIV.

    Currently, here's the code:

    .GaugeuserCount {
    
    }
    .GaugeP21Emails {
        float: right;
        ;
        top: 0px;
        height: 100px;
        width: 100px;
    }
    .gaugeDiv {
        ;
        width:300px;
        height:150px;
        border:3px solid green;
    }
                <div id="gaugeDiv" runat="server" class="gaugeDiv">
                    <telerik:RadRadialGauge ID="GaugeuserCount" runat="server" Scale-MinorUnit="1" Width="150px" Height="150px" Scale-Min="0" BorderColor="#CC9900" Scale-MinorTicks-Color="SteelBlue" Scale-MajorTicks-Color="SteelBlue" Scale-MajorTicks-Size="18" CssClass="GaugeuserCount"></telerik:RadRadialGauge>
                    <telerik:RadRadialGauge ID="GaugeP21Emails" runat="server" Scale-MinorUnit="1"  Scale-Min="0" BorderColor="#CC9900" Scale-MinorTicks-Color="SteelBlue" Scale-MajorTicks-Color="SteelBlue" Scale-MajorTicks-Size="18" CssClass="GaugeP21Emails"></telerik:RadRadialGauge>
                </div>

    And here's what it looks like(Firefox on Windows 10):

    Friday, August 28, 2020 4:31 PM

Answers

All replies