Вопрос по адаптивной верстке

12
widg
На сайте с 01.01.2017
Offline
30
1897

Попробовал найти старую тему с гуру по этому вопросу, но так и не смог.

Господа верстальщики, глаз замылился и мозг опух. Если не сложно, пожалуйста, помогите решить вопрос с адаптивной версткой колонки.

Была страница с двумя колонками. Вот стиль этих колонок в основе:

.left_blok{display:block; float:left; width:205px; padding:11px 15px 50px 30px;}
.cont_blok{display:block; float:left; width:726px; padding:11px 20px 30px 0px; text-align:left;}

Задача была сделать фуловую страничку, и я добавил новый див:

.full_page {display:block; float:left; width:960px; padding:11px 18px 30px 18px; text-align:left;}

В десктопах все нормально, но теперь не могу отработать этот блок для девайсов :(

Вот разрешения сидящие в css, но кроме основного содержимого .left_blok и .cont_blok ни в одном из них не участвуют. При этом отображаются везде корректно. А мой "бастард" .full_page никак не хочет вписываться в адаптацию :(

@media only screen and (max-width : 1000px)

@media only screen and (max-width : 768px)

@media only screen and (max-width : 760px)

@media only screen and (max-width : 620px)

@media only screen and (max-width : 440px)

прострация
S
На сайте с 30.09.2016
Offline
469
#1
widg:
.full_page никак не хочет вписываться в адаптацию

А Вы его силком впишите. Не хочет - заставим (С)

Отпилю лишнее, прикручу нужное, выправлю кривое. Вытравлю вредителей.
widg
На сайте с 01.01.2017
Offline
30
#2

Sitealert, этож не курилка. По существу, если есть мысли, буду признателен.

S
На сайте с 30.09.2016
Offline
469
#3

Ответ по существу возможен только на вопрос по существу. А лично я как понял, так и ответил. Честно, без злого умысла. Излагайте задачу чётче.

И да, на ретине 2560 вся эта красота наверняка слетит.

widg
На сайте с 01.01.2017
Offline
30
#4

Sitealert, куда четче? Есть две колонки в стилях работающие в любом разрешении. Стили указал. Добавил колонку на всю ширину новым стилем, его тоже в стартпосте указал.

Он работает только в десктопе корректно. В девайсах - не работает.

Какую инфу еще дать?

S
На сайте с 30.09.2016
Offline
469
#5
widg:
В девайсах - не работает.

Ну так пропишите, чтобы работало. Откуда мне знать, чего Вы не умеете делать, а что умеете? Вы пока что вообще ничего не прописали в стилях, только заготовки показали.

Arsh
На сайте с 21.03.2007
Offline
199
#6
widg:
Он работает только в десктопе корректно.

Но Вы же ширину в пикселях указали (абсолютно, т.е.) - как он может в дивайсах корректно работать?

S
На сайте с 30.09.2016
Offline
469
#7

Вот так, например, Вы умеете делать?

@media only screen and (max-width: 768px){
.full_page {
width:750px;
}
}
widg
На сайте с 01.01.2017
Offline
30
#8
Sitealert:
Ну так пропишите, чтобы работало. Откуда мне знать, чего Вы не умеете делать, а что умеете? Вы пока что вообще ничего не прописали в стилях, только заготовки показали.

Причем здесь заготовки? Это то, что прописано сейчас в стилях.

Ида:

Вот разрешения сидящие в css, но кроме основного содержимого .left_blok и .cont_blok ни в одном из них не участвуют.

Т.е. в стилях:

@media only screen and (max-width : 1000px)

@media only screen and (max-width : 768px)

@media only screen and (max-width : 760px)

@media only screen and (max-width : 620px)

@media only screen and (max-width : 440px)

.left_blok и .cont_blok вообще не прописаны, но отображаются корректно.

ЗЫ Не понимаю смысла постить, абы постить.

---------- Добавлено 11.08.2017 в 00:06 ----------

Arsh:
Но Вы же ширину в пикселях указали (абсолютно, т.е.) - как он может в дивайсах корректно работать?

Arsh, в пикселях, потому что два работающих дива были также прописаны. Их писал не я. Я просто добавил третий, объединив эти два. Больше у них нет в css никаких упоминаний, при этом отображаются корректно.

---------- Добавлено 11.08.2017 в 00:17 ----------

Пора спать идти. Утро вечера мудренее :) Нельзя перерабатывать.

dma84
На сайте с 21.04.2009
Offline
168
#9
widg:
Sitealert, куда четче? Есть две колонки в стилях работающие в любом разрешении. Стили указал. Добавил колонку на всю ширину новым стилем, его тоже в стартпосте указал.
Он работает только в десктопе корректно. В девайсах - не работает.

Какую инфу еще дать?

Сайт показать, а все ваши чёткие писюльки никому нафиг не нужны.

widg
На сайте с 01.01.2017
Offline
30
#10

Всех благодарю за внимание. На свежую голову, сразу решил проблему. Оставил для нового блока исключительно отступы в padding и все стало шикарно.

ЗЫ Арш оказался наиболее ценным советчиком :)

12

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