Мой веб-сайт показывает другой контент в мобильной версии

Question

Я создал сайт с dotnetnuke, который имеет адаптивный скин. В "нормальной" версии он работает нормально, но есть одна страница, которая не показывает свой контент, как в мобильной версии.

Это рассматриваемая страница, http://www.ikuben.no/Bedriftene.aspx

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

Вот я просматриваю его в моем эмуляторе, вот что я получаю

Это использование html/cssI для каждого изображения / текста, которое входит в модуль Html Pro,

<div class="bottomborder">
<div class="marginright">
<img alt="" width="139" height="139" src="/portals/85/Bedrifter/Logoer/AkerMidsund_hvit.png" class="Images" />
</div>
<div class="overflow">
<a class="LinksMenu LeftMenu HoverLinkH1" href="http://www.akermidsund.no">Aker Midsund</a>
<br />
<br />
<p> Aker Midsund er verdensledende innen v&aring;rt fagomr&aring;de! Gjennom 40 &aring;r har vi tilegnet oss ekspertise innen mekanisk design og fabrikasjon av trykktanker o.l.  </p>
<br />
<a class="LinksMenu LeftMenu HoverLink" href="http://www.akermidsund.no">www.akermidsund.no</a><br />
</div>
</div>


.bottomborder {
    border-bottom:#dfdede solid 1px;
    margin-top: 30px;
    padding-bottom: 10px;
    padding-left: 10px;
    width: auto;
    height:auto;
}

.marginright
{
    margin-right: 30px;
    float: left;
}


.overflow
{
    overflow: hidden;
}

.LinksMenu.LeftMenu.HoverLinkH1, A.LinksMenu.LeftMenu.HoverLinkH1:link, A.LinksMenu.LeftMenu.HoverLinkH1:visited, A.LinksMenu.LeftMenu.HoverLinkH1:active 
{
    padding-left: 0px;
    color: #472676;
    font-size: 22px;
    border-bottom: 0px;
}

Текст должен оставаться ниже изображений в мобильной версии. Но как я могу получить изображения, чтобы остаться слева?

Answer 1

Это все, что нужно. Теперь это работает.

@media handheld, only screen and (max-width:450px) {
.marginright{float:left;}

}