position absolut

[mrfrunze]

Добрый день прикрутил слайдер, сделал фото на background, внутренние блоки выставил через position absolut, но появилось куча багов, на разных маниторах плывет, речь идет не о адаптивной верстке! Подскажите пожалуйста, как можно обойтись без позиционирования, но выставить картинку слайдера background.

чтоб элементы aside-right и aside-left был в контенте, а картинка задним фоном!!

ниже ссылка на сайт 
и код html
Спасибо за помощь.
http://sport.teslalight.com.ua/

<article><div class="bx-viewport"><ul class="bxslider"> <li><img src="images/bg_2.jpg" /></li> <li><img src="images/bg_2.jpg" /></li> <li><img src="images/bg_2.jpg" /></li> <li><img src="images/bg_2.jpg" /></li> <li><img src="images/bg_2.jpg" /></li></ul><div class="wraper"> <aside class="aside-left"> <span class="text">Villa San Marco Ваш шикарный отдых</span> <span class="text">в Одессе в 150 метрах от моря</span><div id="bx-pager"><span class="aside-img"> <a data-slide-index="0" href="#"><img src="images/img_1.png" alt="alt"/></a> <a data-slide-index="1" href="#"><img src="images/img_2.png" alt="alt"/></a> <a data-slide-index="2" href="#"><img src="images/img_3.png" alt="alt"/></a> <a data-slide-index="4" href="#"><img src="images/img_4.png" alt="alt"/></a> <a data-slide-index="0" href="#"><img src="images/img_5.png" alt="alt"/></a></span></div></aside></div></div>	

[Q4Dizzy]

Плывёт потому, что вы позиционируете от верха экрана.. ещё и в %..

 

aside-right и aside-left и bxslider должны быть обёрнуты блоком с относительным позиционированием. Что бы элементы, которые вы позиционируете абсолютно - считались от этого родителя, а не верха экрана...

 

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

[mrfrunze]

  On 10/14/2014 at 10:23 AM, Q4Dizzy said:

Плывёт потому, что вы позиционируете от верха экрана.. ещё и в %..

 

aside-right и aside-left и bxslider должны быть обёрнуты блоком с относительным позиционированием. Что бы элементы, которые вы позиционируете абсолютно - считались от этого родителя, а не верха экрана...

 

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

а что тогда должно быть спозиционировано абсолютно?

[Q4Dizzy]

aside-right и aside-left  вы должны спозиционировать абсолютно.

 

 

  On 10/14/2014 at 12:26 PM, mrfrunze said:

aside-right и aside-left и bxslider должны быть обёрнуты блоком с относительным позиционированием. Что бы элементы, которые вы позиционируете абсолютно - считались от этого родителя, а не верха экрана...

 

Внимательно перечитайте тему с позиционированиями элементов и слоями.

 

+ Что вы подразумеваете под background ? Фон - это фон для элемента с помощью сss. В вашем же случае - изображения находятся в элементах списка li и являются его потомками. А в данном случае имитировать эти картинки как фон можно, спозиционировав элементы над ними.

<div class="relative-block"> // position: relative;    <div class="absolute-block"></div> position: absolute;    <div class="absolute-block"></div> position: absolute;</div>

Как-то так...

Edited October 14, 2014 by Q4Dizzy

[mrfrunze]

  On 10/14/2014 at 12:26 PM, mrfrunze said:

 

  On 10/14/2014 at 10:23 AM, Q4Dizzy said:

Плывёт потому, что вы позиционируете от верха экрана.. ещё и в %..

 

aside-right и aside-left и bxslider должны быть обёрнуты блоком с относительным позиционированием. Что бы элементы, которые вы позиционируете абсолютно - считались от этого родителя, а не верха экрана...

 

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

а что тогда должно быть спозиционировано абсолютно?

 

 

Спасибо Сенсей )))http://sport.teslalight.com.ua/ вот все працюе ))) Спасибо за разъяснение