can not float div box right

Я работаю над новым сайтом прямо сейчас, и у меня есть проблема с лиллом.can not float div box right

У меня есть ползунок на главной пайе и наверху, это небольшой баннер. Его прямо сейчас на левом сайте в верхней части слайдера, и я хотел бы иметь его на нужном сайте, но я не знаю, как это сделать.

Float right did not work.

<div class="wrapper"> 
    <script src="//www.jameda.de/premium/widgets/getwidget.php?id=81323170&amp;art=1&amp;badge=17252" type="text/javascript" async></script> 
    <div id="jameda-widget-container17252" style="position:absolute; width:97px; height:145px; margin:0px; z-index:100;margin-left:-3px;background-image:url(//www.jameda.de/premium/widgets/_images/bw-small-bg.png); background-repeat:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15px;"> 
     <a href="http://www.jameda.de/berlin/aerzte/hautaerzte-dermatologen-geschlechtskrankheiten/fachgebiet/?utm_content=BWnote&amp;utm_source=Kunden-Homepages&amp;utm_medium=Badges&amp;utm_term=81323170&amp;utm_campaign=Badges" id="jam_link_check" style="display:block; position:absolute; top:100px; left:10px; width:70px; height:20px; background-color:transparent !important;" 
     target="_blank"></a> 
    </div> 
</div>

thats html-код с баннера, который я хотел бы иметь на правой стороне. Test site

источник

2013-11-25 Anonymous

Вы должны быть действительно нажав CTRL-U в вашем браузере и отправить исходный код, появляющийся в нем (код, как он отправляется в ваш браузер после PHP выполнил. Как можно заметить, что никто не может сказать, что генерирует PHP внутри тега скрипта и, следовательно, никто не может сказать, что делает сгенерированный JavaScript. –

Как бы то ни было, все, что я могу предложить, это изменить CSS, который гласит слева: справа: Надеемся, что контейнер будет занимать ширину всего экрана, иначе примените что-то вроде say, width: 400px на контейнере, если вы хотите, чтобы область, в которой вы поместили свой тег, была уже. –

без CSS ... нет конкретного ответа может быть предоставлен..пожалуйста, добавьте часть стилизации! – NoobEditor

Это просто добавьте position:relative; в класс обертки и right:0; в div (# jameda-widget-container17252). это будет работать.

источник

2013-11-25 09:49:12

Вы должны добавить position:relative в категорию wrapper и right:0; на значок, пользующийся вами.

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

<div class="wrapper" style="position:relative;"> 
    <script src="//www.jameda.de/premium/widgets/getwidget.php?id=81323170&amp;art=1&amp;badge=17252" type="text/javascript" async></script> 
    <div id="jameda-widget-container17252" style="position:absolute; right:0; width:97px; height:145px; margin:0px; z-index:100;margin-left:-3px;background-image:url(//www.jameda.de/premium/widgets/_images/bw-small-bg.png); background-repeat:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15px;"> 
     <a href="http://www.jameda.de/berlin/aerzte/hautaerzte-dermatologen-geschlechtskrankheiten/fachgebiet/?utm_content=BWnote&amp;utm_source=Kunden-Homepages&amp;utm_medium=Badges&amp;utm_term=81323170&amp;utm_campaign=Badges" id="jam_link_check" style="display:block; position:absolute; top:100px; left:10px; width:70px; height:20px; background-color:transparent !important;" 
     target="_blank"></a> 
    </div> 
</div>

enter image description here

источник

2013-11-25 09:52:56

если элемент имеет «позицию: абсолютная», и она не может быть плавал. (float). Он может быть установлен для любого элемента, но применим только к элементам, которые генерируют прямоугольники, которые не установлены абсолютно. http://www.w3.org/wiki/CSS/Properties/float)

Добавить css;

.wrapper { position: relative; } 
#jameda-widget-container17252 { right: 0; }

источник

2013-11-25 09:55:39 Alice

can not float div box right

ответ

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