This is a migrated thread and some comments may be shown as answers.

Inconsistent display for date picker

1 Answer 32 Views
Input
This is a migrated thread and some comments may be shown as answers.
Daniel
Top achievements
Rank 1
Daniel asked on 29 Jul 2010, 01:32 AM
Hi. I've got two date pickers inside a fixed width div. I can't seem to force them both on the same line with css using display. I've tested it outside the div and the two date pickers are displayed side-by-side. If you examine the markup on both (see below), there appears to be an extra div on the one that is causing me problems. The problematic one is on a masterpage-- could this be adding an extra div? Thanks.

Inside fixed width div (problem)
                    <div id="ctl00_ctl00_rdpStartPanel">
    <div id="ctl00_rdpStart_wrapper" title="Start of leave" class="RadPicker RadPicker_Default" style="display:inline;zoom:1;width:80px;">
        <input style="visibility:hidden;display:block;float:right;margin:0 0 -1px -1px;width:1px;height:1px;overflow:hidden;border:0;padding:0;" id="ctl00_rdpStart" name="ctl00$rdpStart" type="text" class="rdfd_" value="" /><table cellspacing="0" class="rcTable" style="width:100%;">
            <tr>
                <td class="rcInputCell" style="width:100%;"><span id="ctl00_rdpStart_dateInput_wrapper" class="RadInput RadInput_Default" style="display:block;"><input type="text" id="ctl00_rdpStart_dateInput_text" name="ctl00_rdpStart_dateInput_text" class="riTextBox riEnabled" style="width:100%;" /><input style="visibility:hidden;float:right;margin:-18px 0 0 -1px;width:1px;height:1px;overflow:hidden;border:0;padding:0;" id="ctl00_rdpStart_dateInput" name="ctl00$rdpStart$dateInput" type="text" class="rdfd_" value="" /><input id="ctl00_rdpStart_dateInput_ClientState" name="ctl00_rdpStart_dateInput_ClientState" type="hidden" /></span></td><td><a title="Open the calendar popup." href="#" id="ctl00_rdpStart_popupButton" class="rcCalPopup">Open the calendar popup.</a><div id="ctl00_rdpStart_calendar_wrapper" style="display: none" ><table id="ctl00_rdpStart_calendar" summary="Calendar" cellspacing="0" class="RadCalendar RadCalendar_Default" border="0">
                    <thead>
                        <tr>
                            <td class="rcTitlebar"><table cellspacing="0" summary="title and navigation" border="0">
                                <tr>
                                    <td><a id="ctl00_rdpStart_calendar_FNP" class="rcFastPrev" title="<<" href="#"><<</a></td><td><a id="ctl00_rdpStart_calendar_NP" class="rcPrev" title="<" href="#"><</a></td><td id="ctl00_rdpStart_calendar_Title" class="rcTitle">July 2010</td><td><a id="ctl00_rdpStart_calendar_NN" class="rcNext" title=">" href="#">></a></td><td><a id="ctl00_rdpStart_calendar_FNN" class="rcFastNext" title=">>" href="#">>></a></td>
                                </tr>
                            </table></td>
                        </tr>
                    </thead><tbody>
    <tr>
        <td class="rcMain"><table id="ctl00_rdpStart_calendar_Top" class="rcMainTable" cellspacing="0" summary="July 2010" border="0">
    <thead>
        <tr class="rcWeek">
            <th class="rcViewSel"> </th><th id="ctl00_rdpStart_calendar_Top_cs_1" title="Monday" abbr="Mon" scope="col">M</th><th id="ctl00_rdpStart_calendar_Top_cs_2" title="Tuesday" abbr="Tue" scope="col">T</th><th id="ctl00_rdpStart_calendar_Top_cs_3" title="Wednesday" abbr="Wed" scope="col">W</th><th id="ctl00_rdpStart_calendar_Top_cs_4" title="Thursday" abbr="Thu" scope="col">T</th><th id="ctl00_rdpStart_calendar_Top_cs_5" title="Friday" abbr="Fri" scope="col">F</th><th id="ctl00_rdpStart_calendar_Top_cs_6" title="Saturday" abbr="Sat" scope="col">S</th><th id="ctl00_rdpStart_calendar_Top_cs_7" title="Sunday" abbr="Sun" scope="col">S</th>
        </tr>
    </thead><tbody>
        <tr class="rcRow">
            <th id="ctl00_rdpStart_calendar_Top_rs_1" scope="row">27</th><td class="rcOtherMonth" title="Monday, June 28, 2010"><a href="#">28</a></td><td class="rcOtherMonth" title="Tuesday, June 29, 2010"><a href="#">29</a></td><td class="rcOtherMonth" title="Wednesday, June 30, 2010"><a href="#">30</a></td><td title="Thursday, July 01, 2010"><a href="#">1</a></td><td title="Friday, July 02, 2010"><a href="#">2</a></td><td class="rcWeekend" title="Saturday, July 03, 2010"><a href="#">3</a></td><td class="rcWeekend" title="Sunday, July 04, 2010"><a href="#">4</a></td>
        </tr><tr class="rcRow">
            <th id="ctl00_rdpStart_calendar_Top_rs_2" scope="row">28</th><td title="Monday, July 05, 2010"><a href="#">5</a></td><td title="Tuesday, July 06, 2010"><a href="#">6</a></td><td title="Wednesday, July 07, 2010"><a href="#">7</a></td><td title="Thursday, July 08, 2010"><a href="#">8</a></td><td title="Friday, July 09, 2010"><a href="#">9</a></td><td class="rcWeekend" title="Saturday, July 10, 2010"><a href="#">10</a></td><td class="rcWeekend" title="Sunday, July 11, 2010"><a href="#">11</a></td>
        </tr><tr class="rcRow">
            <th id="ctl00_rdpStart_calendar_Top_rs_3" scope="row">29</th><td title="Monday, July 12, 2010"><a href="#">12</a></td><td title="Tuesday, July 13, 2010"><a href="#">13</a></td><td title="Wednesday, July 14, 2010"><a href="#">14</a></td><td title="Thursday, July 15, 2010"><a href="#">15</a></td><td title="Friday, July 16, 2010"><a href="#">16</a></td><td class="rcWeekend" title="Saturday, July 17, 2010"><a href="#">17</a></td><td class="rcWeekend" title="Sunday, July 18, 2010"><a href="#">18</a></td>
        </tr><tr class="rcRow">
            <th id="ctl00_rdpStart_calendar_Top_rs_4" scope="row">30</th><td title="Monday, July 19, 2010"><a href="#">19</a></td><td title="Tuesday, July 20, 2010"><a href="#">20</a></td><td title="Wednesday, July 21, 2010"><a href="#">21</a></td><td title="Thursday, July 22, 2010"><a href="#">22</a></td><td title="Friday, July 23, 2010"><a href="#">23</a></td><td class="rcWeekend" title="Saturday, July 24, 2010"><a href="#">24</a></td><td class="rcWeekend" title="Sunday, July 25, 2010"><a href="#">25</a></td>
        </tr><tr class="rcRow">
            <th id="ctl00_rdpStart_calendar_Top_rs_5" scope="row">31</th><td title="Monday, July 26, 2010"><a href="#">26</a></td><td title="Tuesday, July 27, 2010"><a href="#">27</a></td><td title="Wednesday, July 28, 2010"><a href="#">28</a></td><td title="Thursday, July 29, 2010"><a href="#">29</a></td><td title="Friday, July 30, 2010"><a href="#">30</a></td><td class="rcWeekend" title="Saturday, July 31, 2010"><a href="#">31</a></td><td class="rcOtherMonth" title="Sunday, August 01, 2010"><a href="#">1</a></td>
        </tr><tr class="rcRow">
            <th id="ctl00_rdpStart_calendar_Top_rs_6" scope="row">32</th><td class="rcOtherMonth" title="Monday, August 02, 2010"><a href="#">2</a></td><td class="rcOtherMonth" title="Tuesday, August 03, 2010"><a href="#">3</a></td><td class="rcOtherMonth" title="Wednesday, August 04, 2010"><a href="#">4</a></td><td class="rcOtherMonth" title="Thursday, August 05, 2010"><a href="#">5</a></td><td class="rcOtherMonth" title="Friday, August 06, 2010"><a href="#">6</a></td><td class="rcOtherMonth" title="Saturday, August 07, 2010"><a href="#">7</a></td><td class="rcOtherMonth" title="Sunday, August 08, 2010"><a href="#">8</a></td>
        </tr>
    </tbody>
</table></td>
    </tr>
</tbody>
                </table><input type="hidden" name="ctl00_rdpStart_calendar_SD" id="ctl00_rdpStart_calendar_SD" value="[]" /><input type="hidden" name="ctl00_rdpStart_calendar_AD" id="ctl00_rdpStart_calendar_AD" value="[[1980,1,1],[2099,12,30],[2010,7,29]]" /></div></td>
            </tr>
        </table><input id="ctl00_rdpStart_ClientState" name="ctl00_rdpStart_ClientState" type="hidden" />
    </div>
</div>
                    <div id="ctl00_ctl00_rdpEndPanel">
    <div id="ctl00_rdpEnd_wrapper" title="End of leave" class="RadPicker RadPicker_Default" style="display:inline;zoom:1;width:80px;">
        <input style="visibility:hidden;display:block;float:right;margin:0 0 -1px -1px;width:1px;height:1px;overflow:hidden;border:0;padding:0;" id="ctl00_rdpEnd" name="ctl00$rdpEnd" type="text" class="rdfd_" value="" /><table cellspacing="0" class="rcTable" style="width:100%;">
            <tr>
                <td class="rcInputCell" style="width:100%;"><span id="ctl00_rdpEnd_dateInput_wrapper" class="RadInput RadInput_Default" style="display:block;"><input type="text" id="ctl00_rdpEnd_dateInput_text" name="ctl00_rdpEnd_dateInput_text" class="riTextBox riEnabled" style="width:100%;" /><input style="visibility:hidden;float:right;margin:-18px 0 0 -1px;width:1px;height:1px;overflow:hidden;border:0;padding:0;" id="ctl00_rdpEnd_dateInput" name="ctl00$rdpEnd$dateInput" type="text" class="rdfd_" value="" /><input id="ctl00_rdpEnd_dateInput_ClientState" name="ctl00_rdpEnd_dateInput_ClientState" type="hidden" /></span></td><td><a title="Open the calendar popup." href="#" id="ctl00_rdpEnd_popupButton" class="rcCalPopup">Open the calendar popup.</a><div id="ctl00_rdpEnd_calendar_wrapper" style="display: none" ><table id="ctl00_rdpEnd_calendar" summary="Calendar" cellspacing="0" class="RadCalendar RadCalendar_Default" border="0">
                    <thead>
                        <tr>
                            <td class="rcTitlebar"><table cellspacing="0" summary="title and navigation" border="0">
                                <tr>
                                    <td><a id="ctl00_rdpEnd_calendar_FNP" class="rcFastPrev" title="<<" href="#"><<</a></td><td><a id="ctl00_rdpEnd_calendar_NP" class="rcPrev" title="<" href="#"><</a></td><td id="ctl00_rdpEnd_calendar_Title" class="rcTitle">July 2010</td><td><a id="ctl00_rdpEnd_calendar_NN" class="rcNext" title=">" href="#">></a></td><td><a id="ctl00_rdpEnd_calendar_FNN" class="rcFastNext" title=">>" href="#">>></a></td>
                                </tr>
                            </table></td>
                        </tr>
                    </thead><tbody>
    <tr>
        <td class="rcMain"><table id="ctl00_rdpEnd_calendar_Top" class="rcMainTable" cellspacing="0" summary="July 2010" border="0">
    <thead>
        <tr class="rcWeek">
            <th class="rcViewSel"> </th><th id="ctl00_rdpEnd_calendar_Top_cs_1" title="Monday" abbr="Mon" scope="col">M</th><th id="ctl00_rdpEnd_calendar_Top_cs_2" title="Tuesday" abbr="Tue" scope="col">T</th><th id="ctl00_rdpEnd_calendar_Top_cs_3" title="Wednesday" abbr="Wed" scope="col">W</th><th id="ctl00_rdpEnd_calendar_Top_cs_4" title="Thursday" abbr="Thu" scope="col">T</th><th id="ctl00_rdpEnd_calendar_Top_cs_5" title="Friday" abbr="Fri" scope="col">F</th><th id="ctl00_rdpEnd_calendar_Top_cs_6" title="Saturday" abbr="Sat" scope="col">S</th><th id="ctl00_rdpEnd_calendar_Top_cs_7" title="Sunday" abbr="Sun" scope="col">S</th>
        </tr>
    </thead><tbody>
        <tr class="rcRow">
            <th id="ctl00_rdpEnd_calendar_Top_rs_1" scope="row">27</th><td class="rcOtherMonth" title="Monday, June 28, 2010"><a href="#">28</a></td><td class="rcOtherMonth" title="Tuesday, June 29, 2010"><a href="#">29</a></td><td class="rcOtherMonth" title="Wednesday, June 30, 2010"><a href="#">30</a></td><td title="Thursday, July 01, 2010"><a href="#">1</a></td><td title="Friday, July 02, 2010"><a href="#">2</a></td><td class="rcWeekend" title="Saturday, July 03, 2010"><a href="#">3</a></td><td class="rcWeekend" title="Sunday, July 04, 2010"><a href="#">4</a></td>
        </tr><tr class="rcRow">
            <th id="ctl00_rdpEnd_calendar_Top_rs_2" scope="row">28</th><td title="Monday, July 05, 2010"><a href="#">5</a></td><td title="Tuesday, July 06, 2010"><a href="#">6</a></td><td title="Wednesday, July 07, 2010"><a href="#">7</a></td><td title="Thursday, July 08, 2010"><a href="#">8</a></td><td title="Friday, July 09, 2010"><a href="#">9</a></td><td class="rcWeekend" title="Saturday, July 10, 2010"><a href="#">10</a></td><td class="rcWeekend" title="Sunday, July 11, 2010"><a href="#">11</a></td>
        </tr><tr class="rcRow">
            <th id="ctl00_rdpEnd_calendar_Top_rs_3" scope="row">29</th><td title="Monday, July 12, 2010"><a href="#">12</a></td><td title="Tuesday, July 13, 2010"><a href="#">13</a></td><td title="Wednesday, July 14, 2010"><a href="#">14</a></td><td title="Thursday, July 15, 2010"><a href="#">15</a></td><td title="Friday, July 16, 2010"><a href="#">16</a></td><td class="rcWeekend" title="Saturday, July 17, 2010"><a href="#">17</a></td><td class="rcWeekend" title="Sunday, July 18, 2010"><a href="#">18</a></td>
        </tr><tr class="rcRow">
            <th id="ctl00_rdpEnd_calendar_Top_rs_4" scope="row">30</th><td title="Monday, July 19, 2010"><a href="#">19</a></td><td title="Tuesday, July 20, 2010"><a href="#">20</a></td><td title="Wednesday, July 21, 2010"><a href="#">21</a></td><td title="Thursday, July 22, 2010"><a href="#">22</a></td><td title="Friday, July 23, 2010"><a href="#">23</a></td><td class="rcWeekend" title="Saturday, July 24, 2010"><a href="#">24</a></td><td class="rcWeekend" title="Sunday, July 25, 2010"><a href="#">25</a></td>
        </tr><tr class="rcRow">
            <th id="ctl00_rdpEnd_calendar_Top_rs_5" scope="row">31</th><td title="Monday, July 26, 2010"><a href="#">26</a></td><td title="Tuesday, July 27, 2010"><a href="#">27</a></td><td title="Wednesday, July 28, 2010"><a href="#">28</a></td><td title="Thursday, July 29, 2010"><a href="#">29</a></td><td title="Friday, July 30, 2010"><a href="#">30</a></td><td class="rcWeekend" title="Saturday, July 31, 2010"><a href="#">31</a></td><td class="rcOtherMonth" title="Sunday, August 01, 2010"><a href="#">1</a></td>
        </tr><tr class="rcRow">
            <th id="ctl00_rdpEnd_calendar_Top_rs_6" scope="row">32</th><td class="rcOtherMonth" title="Monday, August 02, 2010"><a href="#">2</a></td><td class="rcOtherMonth" title="Tuesday, August 03, 2010"><a href="#">3</a></td><td class="rcOtherMonth" title="Wednesday, August 04, 2010"><a href="#">4</a></td><td class="rcOtherMonth" title="Thursday, August 05, 2010"><a href="#">5</a></td><td class="rcOtherMonth" title="Friday, August 06, 2010"><a href="#">6</a></td><td class="rcOtherMonth" title="Saturday, August 07, 2010"><a href="#">7</a></td><td class="rcOtherMonth" title="Sunday, August 08, 2010"><a href="#">8</a></td>
        </tr>
    </tbody>
</table></td>
    </tr>
</tbody>
                </table><input type="hidden" name="ctl00_rdpEnd_calendar_SD" id="ctl00_rdpEnd_calendar_SD" value="[]" /><input type="hidden" name="ctl00_rdpEnd_calendar_AD" id="ctl00_rdpEnd_calendar_AD" value="[[1980,1,1],[2099,12,30],[2010,7,29]]" /></div></td>
            </tr>
        </table><input id="ctl00_rdpEnd_ClientState" name="ctl00_rdpEnd_ClientState" type="hidden" />
    </div>
</div>

No div (displays okay)

    <div id="ctl00_ContentPlaceHolder1_RadDatePicker1_wrapper" class="RadPicker RadPicker_Default" style="display:inline;zoom:1;width:150px;">
    <!-- 2010.2.713.35 --><input style="visibility:hidden;display:block;float:right;margin:0 0 -1px -1px;width:1px;height:1px;overflow:hidden;border:0;padding:0;" id="ctl00_ContentPlaceHolder1_RadDatePicker1" name="ctl00$ContentPlaceHolder1$RadDatePicker1" type="text" class="rdfd_" value="" /><table cellspacing="0" class="rcTable" style="width:100%;">
        <tr>
            <td class="rcInputCell" style="width:100%;"><span id="ctl00_ContentPlaceHolder1_RadDatePicker1_dateInput_wrapper" class="RadInput RadInput_Default" style="display:block;"><input type="text" id="ctl00_ContentPlaceHolder1_RadDatePicker1_dateInput_text" name="ctl00_ContentPlaceHolder1_RadDatePicker1_dateInput_text" class="riTextBox riEnabled" style="width:100%;" /><input style="visibility:hidden;float:right;margin:-18px 0 0 -1px;width:1px;height:1px;overflow:hidden;border:0;padding:0;" id="ctl00_ContentPlaceHolder1_RadDatePicker1_dateInput" name="ctl00$ContentPlaceHolder1$RadDatePicker1$dateInput" type="text" class="rdfd_" value="" /><input id="ctl00_ContentPlaceHolder1_RadDatePicker1_dateInput_ClientState" name="ctl00_ContentPlaceHolder1_RadDatePicker1_dateInput_ClientState" type="hidden" /></span></td><td><a title="Open the calendar popup." href="#" id="ctl00_ContentPlaceHolder1_RadDatePicker1_popupButton" class="rcCalPopup">Open the calendar popup.</a><div id="ctl00_ContentPlaceHolder1_RadDatePicker1_calendar_wrapper" style="display: none" ><table id="ctl00_ContentPlaceHolder1_RadDatePicker1_calendar" summary="Calendar" cellspacing="0" class="RadCalendar RadCalendar_Default" border="0">
                <thead>
                    <tr>
                        <td class="rcTitlebar"><table cellspacing="0" summary="title and navigation" border="0">
                            <tr>
                                <td><a id="ctl00_ContentPlaceHolder1_RadDatePicker1_calendar_FNP" class="rcFastPrev" title="<<" href="#"><<</a></td><td><a id="ctl00_ContentPlaceHolder1_RadDatePicker1_calendar_NP" class="rcPrev" title="<" href="#"><</a></td><td id="ctl00_ContentPlaceHolder1_RadDatePicker1_calendar_Title" class="rcTitle">July 2010</td><td><a id="ctl00_ContentPlaceHolder1_RadDatePicker1_calendar_NN" class="rcNext" title=">" href="#">></a></td><td><a id="ctl00_ContentPlaceHolder1_RadDatePicker1_calendar_FNN" class="rcFastNext" title=">>" href="#">>></a></td>
                            </tr>
                        </table></td>
                    </tr>
                </thead><tbody>
    <tr>
        <td class="rcMain"><table id="ctl00_ContentPlaceHolder1_RadDatePicker1_calendar_Top" class="rcMainTable" cellspacing="0" summary="July 2010" border="0">
    <thead>
        <tr class="rcWeek">
            <th class="rcViewSel"> </th><th id="ctl00_ContentPlaceHolder1_RadDatePicker1_calendar_Top_cs_1" title="Monday" abbr="Mon" scope="col">M</th><th id="ctl00_ContentPlaceHolder1_RadDatePicker1_calendar_Top_cs_2" title="Tuesday" abbr="Tue" scope="col">T</th><th id="ctl00_ContentPlaceHolder1_RadDatePicker1_calendar_Top_cs_3" title="Wednesday" abbr="Wed" scope="col">W</th><th id="ctl00_ContentPlaceHolder1_RadDatePicker1_calendar_Top_cs_4" title="Thursday" abbr="Thu" scope="col">T</th><th id="ctl00_ContentPlaceHolder1_RadDatePicker1_calendar_Top_cs_5" title="Friday" abbr="Fri" scope="col">F</th><th id="ctl00_ContentPlaceHolder1_RadDatePicker1_calendar_Top_cs_6" title="Saturday" abbr="Sat" scope="col">S</th><th id="ctl00_ContentPlaceHolder1_RadDatePicker1_calendar_Top_cs_7" title="Sunday" abbr="Sun" scope="col">S</th>
        </tr>
    </thead><tbody>
        <tr class="rcRow">
            <th id="ctl00_ContentPlaceHolder1_RadDatePicker1_calendar_Top_rs_1" scope="row">27</th><td class="rcOtherMonth" title="Monday, June 28, 2010"><a href="#">28</a></td><td class="rcOtherMonth" title="Tuesday, June 29, 2010"><a href="#">29</a></td><td class="rcOtherMonth" title="Wednesday, June 30, 2010"><a href="#">30</a></td><td title="Thursday, July 01, 2010"><a href="#">1</a></td><td title="Friday, July 02, 2010"><a href="#">2</a></td><td class="rcWeekend" title="Saturday, July 03, 2010"><a href="#">3</a></td><td class="rcWeekend" title="Sunday, July 04, 2010"><a href="#">4</a></td>
        </tr><tr class="rcRow">
            <th id="ctl00_ContentPlaceHolder1_RadDatePicker1_calendar_Top_rs_2" scope="row">28</th><td title="Monday, July 05, 2010"><a href="#">5</a></td><td title="Tuesday, July 06, 2010"><a href="#">6</a></td><td title="Wednesday, July 07, 2010"><a href="#">7</a></td><td title="Thursday, July 08, 2010"><a href="#">8</a></td><td title="Friday, July 09, 2010"><a href="#">9</a></td><td class="rcWeekend" title="Saturday, July 10, 2010"><a href="#">10</a></td><td class="rcWeekend" title="Sunday, July 11, 2010"><a href="#">11</a></td>
        </tr><tr class="rcRow">
            <th id="ctl00_ContentPlaceHolder1_RadDatePicker1_calendar_Top_rs_3" scope="row">29</th><td title="Monday, July 12, 2010"><a href="#">12</a></td><td title="Tuesday, July 13, 2010"><a href="#">13</a></td><td title="Wednesday, July 14, 2010"><a href="#">14</a></td><td title="Thursday, July 15, 2010"><a href="#">15</a></td><td title="Friday, July 16, 2010"><a href="#">16</a></td><td class="rcWeekend" title="Saturday, July 17, 2010"><a href="#">17</a></td><td class="rcWeekend" title="Sunday, July 18, 2010"><a href="#">18</a></td>
        </tr><tr class="rcRow">
            <th id="ctl00_ContentPlaceHolder1_RadDatePicker1_calendar_Top_rs_4" scope="row">30</th><td title="Monday, July 19, 2010"><a href="#">19</a></td><td title="Tuesday, July 20, 2010"><a href="#">20</a></td><td title="Wednesday, July 21, 2010"><a href="#">21</a></td><td title="Thursday, July 22, 2010"><a href="#">22</a></td><td title="Friday, July 23, 2010"><a href="#">23</a></td><td class="rcWeekend" title="Saturday, July 24, 2010"><a href="#">24</a></td><td class="rcWeekend" title="Sunday, July 25, 2010"><a href="#">25</a></td>
        </tr><tr class="rcRow">
            <th id="ctl00_ContentPlaceHolder1_RadDatePicker1_calendar_Top_rs_5" scope="row">31</th><td title="Monday, July 26, 2010"><a href="#">26</a></td><td title="Tuesday, July 27, 2010"><a href="#">27</a></td><td title="Wednesday, July 28, 2010"><a href="#">28</a></td><td title="Thursday, July 29, 2010"><a href="#">29</a></td><td title="Friday, July 30, 2010"><a href="#">30</a></td><td class="rcWeekend" title="Saturday, July 31, 2010"><a href="#">31</a></td><td class="rcOtherMonth" title="Sunday, August 01, 2010"><a href="#">1</a></td>
        </tr><tr class="rcRow">
            <th id="ctl00_ContentPlaceHolder1_RadDatePicker1_calendar_Top_rs_6" scope="row">32</th><td class="rcOtherMonth" title="Monday, August 02, 2010"><a href="#">2</a></td><td class="rcOtherMonth" title="Tuesday, August 03, 2010"><a href="#">3</a></td><td class="rcOtherMonth" title="Wednesday, August 04, 2010"><a href="#">4</a></td><td class="rcOtherMonth" title="Thursday, August 05, 2010"><a href="#">5</a></td><td class="rcOtherMonth" title="Friday, August 06, 2010"><a href="#">6</a></td><td class="rcOtherMonth" title="Saturday, August 07, 2010"><a href="#">7</a></td><td class="rcOtherMonth" title="Sunday, August 08, 2010"><a href="#">8</a></td>
        </tr>
    </tbody>
</table></td>
    </tr>
</tbody>
            </table><input type="hidden" name="ctl00_ContentPlaceHolder1_RadDatePicker1_calendar_SD" id="ctl00_ContentPlaceHolder1_RadDatePicker1_calendar_SD" value="[]" /><input type="hidden" name="ctl00_ContentPlaceHolder1_RadDatePicker1_calendar_AD" id="ctl00_ContentPlaceHolder1_RadDatePicker1_calendar_AD" value="[[1980,1,1],[2099,12,30],[2010,7,29]]" /></div></td>
        </tr>
    </table><input id="ctl00_ContentPlaceHolder1_RadDatePicker1_ClientState" name="ctl00_ContentPlaceHolder1_RadDatePicker1_ClientState" type="hidden" />
</div>
    <div id="ctl00_ContentPlaceHolder1_RadDatePicker2_wrapper" class="RadPicker RadPicker_Default" style="display:inline;zoom:1;width:150px;">
    <input style="visibility:hidden;display:block;float:right;margin:0 0 -1px -1px;width:1px;height:1px;overflow:hidden;border:0;padding:0;" id="ctl00_ContentPlaceHolder1_RadDatePicker2" name="ctl00$ContentPlaceHolder1$RadDatePicker2" type="text" class="rdfd_" value="" /><table cellspacing="0" class="rcTable" style="width:100%;">
        <tr>
            <td class="rcInputCell" style="width:100%;"><span id="ctl00_ContentPlaceHolder1_RadDatePicker2_dateInput_wrapper" class="RadInput RadInput_Default" style="display:block;"><input type="text" id="ctl00_ContentPlaceHolder1_RadDatePicker2_dateInput_text" name="ctl00_ContentPlaceHolder1_RadDatePicker2_dateInput_text" class="riTextBox riEnabled" style="width:100%;" /><input style="visibility:hidden;float:right;margin:-18px 0 0 -1px;width:1px;height:1px;overflow:hidden;border:0;padding:0;" id="ctl00_ContentPlaceHolder1_RadDatePicker2_dateInput" name="ctl00$ContentPlaceHolder1$RadDatePicker2$dateInput" type="text" class="rdfd_" value="" /><input id="ctl00_ContentPlaceHolder1_RadDatePicker2_dateInput_ClientState" name="ctl00_ContentPlaceHolder1_RadDatePicker2_dateInput_ClientState" type="hidden" /></span></td><td><a title="Open the calendar popup." href="#" id="ctl00_ContentPlaceHolder1_RadDatePicker2_popupButton" class="rcCalPopup">Open the calendar popup.</a><div id="ctl00_ContentPlaceHolder1_RadDatePicker2_calendar_wrapper" style="display: none" ><table id="ctl00_ContentPlaceHolder1_RadDatePicker2_calendar" summary="Calendar" cellspacing="0" class="RadCalendar RadCalendar_Default" border="0">
                <thead>
                    <tr>
                        <td class="rcTitlebar"><table cellspacing="0" summary="title and navigation" border="0">
                            <tr>
                                <td><a id="ctl00_ContentPlaceHolder1_RadDatePicker2_calendar_FNP" class="rcFastPrev" title="<<" href="#"><<</a></td><td><a id="ctl00_ContentPlaceHolder1_RadDatePicker2_calendar_NP" class="rcPrev" title="<" href="#"><</a></td><td id="ctl00_ContentPlaceHolder1_RadDatePicker2_calendar_Title" class="rcTitle">July 2010</td><td><a id="ctl00_ContentPlaceHolder1_RadDatePicker2_calendar_NN" class="rcNext" title=">" href="#">></a></td><td><a id="ctl00_ContentPlaceHolder1_RadDatePicker2_calendar_FNN" class="rcFastNext" title=">>" href="#">>></a></td>
                            </tr>
                        </table></td>
                    </tr>
                </thead><tbody>
    <tr>
        <td class="rcMain"><table id="ctl00_ContentPlaceHolder1_RadDatePicker2_calendar_Top" class="rcMainTable" cellspacing="0" summary="July 2010" border="0">
    <thead>
        <tr class="rcWeek">
            <th class="rcViewSel"> </th><th id="ctl00_ContentPlaceHolder1_RadDatePicker2_calendar_Top_cs_1" title="Monday" abbr="Mon" scope="col">M</th><th id="ctl00_ContentPlaceHolder1_RadDatePicker2_calendar_Top_cs_2" title="Tuesday" abbr="Tue" scope="col">T</th><th id="ctl00_ContentPlaceHolder1_RadDatePicker2_calendar_Top_cs_3" title="Wednesday" abbr="Wed" scope="col">W</th><th id="ctl00_ContentPlaceHolder1_RadDatePicker2_calendar_Top_cs_4" title="Thursday" abbr="Thu" scope="col">T</th><th id="ctl00_ContentPlaceHolder1_RadDatePicker2_calendar_Top_cs_5" title="Friday" abbr="Fri" scope="col">F</th><th id="ctl00_ContentPlaceHolder1_RadDatePicker2_calendar_Top_cs_6" title="Saturday" abbr="Sat" scope="col">S</th><th id="ctl00_ContentPlaceHolder1_RadDatePicker2_calendar_Top_cs_7" title="Sunday" abbr="Sun" scope="col">S</th>
        </tr>
    </thead><tbody>
        <tr class="rcRow">
            <th id="ctl00_ContentPlaceHolder1_RadDatePicker2_calendar_Top_rs_1" scope="row">27</th><td class="rcOtherMonth" title="Monday, June 28, 2010"><a href="#">28</a></td><td class="rcOtherMonth" title="Tuesday, June 29, 2010"><a href="#">29</a></td><td class="rcOtherMonth" title="Wednesday, June 30, 2010"><a href="#">30</a></td><td title="Thursday, July 01, 2010"><a href="#">1</a></td><td title="Friday, July 02, 2010"><a href="#">2</a></td><td class="rcWeekend" title="Saturday, July 03, 2010"><a href="#">3</a></td><td class="rcWeekend" title="Sunday, July 04, 2010"><a href="#">4</a></td>
        </tr><tr class="rcRow">
            <th id="ctl00_ContentPlaceHolder1_RadDatePicker2_calendar_Top_rs_2" scope="row">28</th><td title="Monday, July 05, 2010"><a href="#">5</a></td><td title="Tuesday, July 06, 2010"><a href="#">6</a></td><td title="Wednesday, July 07, 2010"><a href="#">7</a></td><td title="Thursday, July 08, 2010"><a href="#">8</a></td><td title="Friday, July 09, 2010"><a href="#">9</a></td><td class="rcWeekend" title="Saturday, July 10, 2010"><a href="#">10</a></td><td class="rcWeekend" title="Sunday, July 11, 2010"><a href="#">11</a></td>
        </tr><tr class="rcRow">
            <th id="ctl00_ContentPlaceHolder1_RadDatePicker2_calendar_Top_rs_3" scope="row">29</th><td title="Monday, July 12, 2010"><a href="#">12</a></td><td title="Tuesday, July 13, 2010"><a href="#">13</a></td><td title="Wednesday, July 14, 2010"><a href="#">14</a></td><td title="Thursday, July 15, 2010"><a href="#">15</a></td><td title="Friday, July 16, 2010"><a href="#">16</a></td><td class="rcWeekend" title="Saturday, July 17, 2010"><a href="#">17</a></td><td class="rcWeekend" title="Sunday, July 18, 2010"><a href="#">18</a></td>
        </tr><tr class="rcRow">
            <th id="ctl00_ContentPlaceHolder1_RadDatePicker2_calendar_Top_rs_4" scope="row">30</th><td title="Monday, July 19, 2010"><a href="#">19</a></td><td title="Tuesday, July 20, 2010"><a href="#">20</a></td><td title="Wednesday, July 21, 2010"><a href="#">21</a></td><td title="Thursday, July 22, 2010"><a href="#">22</a></td><td title="Friday, July 23, 2010"><a href="#">23</a></td><td class="rcWeekend" title="Saturday, July 24, 2010"><a href="#">24</a></td><td class="rcWeekend" title="Sunday, July 25, 2010"><a href="#">25</a></td>
        </tr><tr class="rcRow">
            <th id="ctl00_ContentPlaceHolder1_RadDatePicker2_calendar_Top_rs_5" scope="row">31</th><td title="Monday, July 26, 2010"><a href="#">26</a></td><td title="Tuesday, July 27, 2010"><a href="#">27</a></td><td title="Wednesday, July 28, 2010"><a href="#">28</a></td><td title="Thursday, July 29, 2010"><a href="#">29</a></td><td title="Friday, July 30, 2010"><a href="#">30</a></td><td class="rcWeekend" title="Saturday, July 31, 2010"><a href="#">31</a></td><td class="rcOtherMonth" title="Sunday, August 01, 2010"><a href="#">1</a></td>
        </tr><tr class="rcRow">
            <th id="ctl00_ContentPlaceHolder1_RadDatePicker2_calendar_Top_rs_6" scope="row">32</th><td class="rcOtherMonth" title="Monday, August 02, 2010"><a href="#">2</a></td><td class="rcOtherMonth" title="Tuesday, August 03, 2010"><a href="#">3</a></td><td class="rcOtherMonth" title="Wednesday, August 04, 2010"><a href="#">4</a></td><td class="rcOtherMonth" title="Thursday, August 05, 2010"><a href="#">5</a></td><td class="rcOtherMonth" title="Friday, August 06, 2010"><a href="#">6</a></td><td class="rcOtherMonth" title="Saturday, August 07, 2010"><a href="#">7</a></td><td class="rcOtherMonth" title="Sunday, August 08, 2010"><a href="#">8</a></td>
        </tr>
    </tbody>
</table></td>
    </tr>
</tbody>
            </table><input type="hidden" name="ctl00_ContentPlaceHolder1_RadDatePicker2_calendar_SD" id="ctl00_ContentPlaceHolder1_RadDatePicker2_calendar_SD" value="[]" /><input type="hidden" name="ctl00_ContentPlaceHolder1_RadDatePicker2_calendar_AD" id="ctl00_ContentPlaceHolder1_RadDatePicker2_calendar_AD" value="[[1980,1,1],[2099,12,30],[2010,7,29]]" /></div></td>
        </tr>
    </table><input id="ctl00_ContentPlaceHolder1_RadDatePicker2_ClientState" name="ctl00_ContentPlaceHolder1_RadDatePicker2_ClientState" type="hidden" />
</div>

1 Answer, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 30 Jul 2010, 12:37 PM
Hi Daniel,

The extra <div> is an UpdatePanel. Please refer to:

http://www.telerik.com/help/aspnet-ajax/layout-problem-updated-controls-on-new-line.html

All the best,
Dimo
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Tags
Input
Asked by
Daniel
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Share this question
or