Необходимо разместить мобильный рекламный блок внизу экрана

Im пытается реализовать мобильное объявление 320x50 для моей мобильной версии моего сайта. Я хочу, чтобы объявление охватывало весь width мобильного устройства. Однако объявление показывает небольшой, а не весь width моего iphone, и он прокручивается вместе с контентом.Необходимо разместить мобильный рекламный блок внизу экрана

Я использую этот код в веб-страницы для вызова мобильной CSS

<link rel="stylesheet" type="text/css" media="only screen and (max-device-width: 480px)" href="mobile2.css" />

, а затем в CSS Я попытался

div#mobilead { 
    width:100%; 
}

мне нужно объявление, чтобы показать в нижней части экран и оставаться на месте даже при прокрутке. любые идеи были бы оценены, спасибо!

Вот весь код по просьбе

<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<title>Untitled Document</title> 
<link rel="stylesheet" type="text/css" media="only screen and (max-device-width: 480px)" href="mobile2.css" /> 

</head> 

<body> 


<div id="mobileB"> 
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> 
<!-- TWF_mobile_banner_adsense --> 
<ins class="adsbygoogle" 
    style="display:inline-block;width:320px;height:50px" 
    data-ad-client="ca-pub-xxxxxxxxx" 
    data-ad-slot="6479374699"></ins> 
<script> 
(adsbygoogle = window.adsbygoogle || []).push({}); 
</script> 
</div> 


</body> 
</html>

, а затем CSS

#mobileB { 
    position: absolute; 
bottom:0; 
left:0; 
z-index: 99; 
width:100%; 
height:50px 
} 
}

источник

2014-01-13 alvo

Вы уверены, что вы получаете этот CSS как наиболее приоритетный? Насколько велик показ объявления?

Я бы начал с добавления статической высоты к div, если вы уверены, что это всегда одна и та же высота.

источник

2014-01-13 20:39:06 artdias90

Когда я полностью увеличиваю изображение на веб-сайте, объявление крошечное. по сравнению с баннером 728x90 его меньше половины размера – alvo

Не могли бы вы также поделиться своей структурой html? Это необходимо, потому что это зависит от вашей структуры div. В CSS есть свойство наследования свойств, поэтому, когда вы занимаетесь позиционированием, на самом деле важно знать не только свойства конкретного объекта, но и его родителей.

Теперь, из того, что я вижу, я не вижу причин, по которым он не должен прокручиваться с контентом. Я не профессионал, но я думаю, что ваш лучший шанс - использовать фиксированное позиционирование. Основываясь на том, где вы хотите, чтобы объявление отображалось, вам нужно будет установить определенные координаты. Например, если вы хотели бы, чтобы появиться в правом верхнем углу, как своего рода «липким» DIV, это то, что вы могли бы сделать:

position: fixed; 
top: 0px; 
right: 0px; 
z-index: 99; 
width:100%; 
height:50px;

Я извиняюсь, я не видел, что вы сказали, что вам нужно, чтобы он располагался внизу. В этом случае вы могли бы сделать это следующим образом:

position: fixed; 
bottom:0; 
left:0; 
z-index: 99; 
width:100%; 
height:50px

В любом случае, что бы вы ни решили, и что вам нужно, вы должны быть в состоянии достичь, играя с верхней/нижней/влево/вправо, положение: фиксированной и Z-индекс. :) Удачи!

источник

2014-01-13 20:51:46 shalikas

hmmm Я пробовал это, и объявление по-прежнему крошечное. и его в самом низу веб-страницы так нужно прокрутить, чтобы увидеть его. Я думаю, проблема заключается в том, что я имею дело с размером по сравнению с настольной версией. что означает, что ширина ширины 320 не занимает всю ширину экрана. – alvo

, как я уже сказал, разместите всю свою HTML-структуру (с помощью css), которая имеет отношение к этому конкретному DIV, что означает каждый DIV, который включает div для рекламы. Проблема может быть там. – shalikas

Хорошо, я разместил весь код для показа. – alvo

Необходимо разместить мобильный рекламный блок внизу экрана

ответ

Смежные вопросы