Как разместить элемент управления внизу другого? - PullRequest
Новая
       11

Как разместить элемент управления внизу другого?

0 голосов
/ 05 июля 2018

На моем веб-сайте есть слайд-шоу, а под ним - таблица: 

<asp:panel ID=panel1>
  slideshow
</asp:panel>
<asp:panel ID=panel2>
  table
</asp:panel>

Когда мобильный телефон вращается, стол скрывается слайд-шоу, есть ли способ разместить стол внизу слайд-шоу? Я имею в виду, есть ли способ сказать, например, панель2 находится внизу панели1?

слайд-шоу: 

<div style="margin:0; padding:0px 0px 10px 0px  ;min-width:100%; max-width:100%; ">
<ul id="slide" style="margin:0; padding:0;min-width:100%; max-width:100%;">
<li style="margin:0; padding:0;min-width:100%; max-width:100%;">
<asp:Image ID="Image3" runat="server" AlternateText="xx" ImageUrl="xxx" style="min-width:100%; max-width:100%; "/>
</li>
<li style="margin:0; padding:0;min-width:100%; max-width:100%;">
image2
</li>
<li style="margin:0; padding:0;min-width:100%; max-width:100%;">
image3
</li>
<li style="margin:0; padding:0;min-width:100%; max-width:100%;">
image4
</li>
</ul>
</div>

Изображение под слайд-шоу 

<div style="width:100%; ">
<asp:Panel runat="server" Width="100%">
<div style=" margin:0; padding:0;min-width:100%; max-width:100%; ">
<asp:Image ID="Image1" runat="server" AlternateText="xx" ImageUrl="xxx"   />
</div>

тогда таблица идет сюда ...

Изображение, помещенное под слайд-шоу, иногда скрывается слайд-шоу ... с частью таблицы под ним ..

мой css: 

.myfont {
             font-size: larger;
         }

         .thetable
         {
        padding-left:10%; 
        padding-right:0;
         width:90%;
         table-layout: fixed; 

         }
         .firsttable
         {
         padding-top:0;
         margin-top:0;        
         width:33%;

         }

         .secondtable {
          padding-top:0;
           margin-top:0;         
         width:33%;
         }

         .thirdtable {
          padding-top:0;
           margin-top:0;        
         width:33%;
         }

Таблица с идентификатором thetable является исходной таблицей, содержащей 3 таблицы (firsttable, secondtable, третьегоtable), потому что мне нужно было разместить элементы управления в 3 столбцах.

1 Ответ

0 голосов
/ 06 июля 2018

Проблема была в моем слайд-шоу, когда я перемещал изображения в нем, и я добавлял min-width = 100% и max-width = 100%, потому что мне нужно, чтобы изображение было полноразмерным, чтобы код слайд-шоу не содержал опция overflow = hidden или overflow = scroll, чтобы изображение становилось слишком большим в ландшафтном режиме и перекрывало следующий элемент div. Однажды я заменил слайд-шоу на это: http://responsiveslides.com/

все стало идеально, потому что это слайд-шоу отзывчиво и идеально !!!!

...