position:fixed и float:left подскажите как совместить

D
На сайте с 20.09.2010
Offline
175
1230

Есть такие блоки:

<div class="oblogka"></div>

<div class="info"></div>

<div class="right_part"></div>

.oblogka {

float: left;

width: 25.333%

}

.right_part {

float: left;

width: 31.333%

}

.info {

float: left;

width: 43.333%;

padding: 0 10px

}

Подскажите как сделать блок oblogka position:fixed

Если сейчас выставляю, то этот блок накладывается на блок info

SocFishing
На сайте с 26.09.2013
Offline
118
#1

Вам это зачем? fixed всегда смешает позицию на left = 0 top = 0, получается left:31.333% к этому блоку вроде бы :)

★Сервис идентифицирует (https://socfishing.com/?utm_source=searchengines) посетителей вашего сайта и предоставляет их профили ВКонтакте, Телефон, Почта! Цены копеечные, работаем 8 лет.
D
На сайте с 20.09.2010
Offline
175
#2
получается left:31.333% к этому блоку вроде бы

это к какому?

Б
На сайте с 18.11.2012
Offline
131
#3

Все блоки fixed я размещаю в коде в самом конце, после всех других блоков.

fixed-блоки делаю либо строго вверху экрана, либо внизу.

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

копирайтинг по технике, аудит, курсы SEO
D
На сайте с 20.09.2010
Offline
175
#4

так как правильно должно быт ьв моем случае кто-то может сказать?

Playerror
На сайте с 28.09.2008
Offline
152
#5
datum:
так как правильно должно быт ьв моем случае кто-то может сказать?

Попробуйте так:



.oblogka {
position:fixed;
background-color: #ccc;
}
.right_part {
float: left;
width: 31.333%;
background-color: #eee;
}
.info {
float: left;
width: 31.333%;
padding: 0 10px;
background-color: #ece;
}

.helper {
width: 25.333%;
float: left;
}

<div class="helper">
<div class="oblogka">oblogka</div>
</div>
<div class="info">info</div>
<div class="right_part">right_part</div>

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий