|
|
|
Responsive design: inline-block - расползаюцца гады и не пойму почему
|
|||
|---|---|---|---|
|
#18+
Ребята помогите пожалуйста - бьюсь уже 2 дня и не могу понять почему плывут inline-block посмотреть тут И еще проблема с Opera mini - не понимает line-heigt (смотреть при ширине экрана менее 480px) хоть и ставлю костыль в виде height, но текст уплывает, а попытка его подпереть padding - приведет к тому что в нормальных браузерах все поплывет Помогите плиз советом ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 25.12.2012, 10:46 |
|
||
|
Responsive design: inline-block - расползаюцца гады и не пойму почему
|
|||
|---|---|---|---|
|
#18+
особенно удручает что при уменьшении ширины окна - "большие" блоки ведут себя вообще непонятно как.. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 25.12.2012, 10:47 |
|
||
|
Responsive design: inline-block - расползаюцца гады и не пойму почему
|
|||
|---|---|---|---|
|
#18+
нормально вроде себя ведут, ток по высоте скачут слегка, так и выровняйте их Код: css 1. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 25.12.2012, 12:13 |
|
||
|
Responsive design: inline-block - расползаюцца гады и не пойму почему
|
|||
|---|---|---|---|
|
#18+
няканормально вроде себя ведут, ток по высоте скачут слегка, так и выровняйте их Код: css 1. +1 sp, Респонсив это хорошо, но почему широкоформатные мониторы в аутсайдерах? Ширина в 4 колонки остается таковой после размера примерно в 1400px, то есть счастливый обладатель фулл-хд видит унылый сайт фиксированной ширины образца начала века. А еще конские поля слева и справа. Из-за них при сужении браузера четыре колонки превращаются в три слишком внезапно, когда места по краям еще дофига. Причем три колонки съедают эти поля как им полагается. Две колонки, видимо, недоверстаны, ибо вообще ужасны. В общем, тут еще пилить и пилить. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 25.12.2012, 14:40 |
|
||
|
Responsive design: inline-block - расползаюцца гады и не пойму почему
|
|||
|---|---|---|---|
|
#18+
Грубая ошибка: перед переходом в двухколоночный режим прячется самая нужная инфа — номера телефонов. Лучше Гриба прячь, всем во-первых покуй на его фио, во-вторых, из надписи даже не видно, чей он дилер (с одной л, к слову). Абсолютно бесполезная строчка. Код: plaintext 1. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 25.12.2012, 14:48 |
|
||
|
Responsive design: inline-block - расползаюцца гады и не пойму почему
|
|||
|---|---|---|---|
|
#18+
Ой, случайно реклама)) ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 25.12.2012, 14:50 |
|
||
|
Responsive design: inline-block - расползаюцца гады и не пойму почему
|
|||
|---|---|---|---|
|
#18+
Antonariy, Спасибо за конструктивные советы)) ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 25.12.2012, 16:50 |
|
||
|
Responsive design: inline-block - расползаюцца гады и не пойму почему
|
|||
|---|---|---|---|
|
#18+
AntonariyГрубая ошибка: перед переходом в двухколоночный режим прячется самая нужная инфа — номера телефонов. Лучше Гриба прячь, всем во-первых покуй на его фио, во-вторых, из надписи даже не видно, чей он дилер (с одной л, к слову). Абсолютно бесполезная строчка. Код: plaintext 1. При таком раскладе шабка не станет сильно тяжеловесной - 2 строки h1 !? А Гриба жалко - егож надо кудато воткнуть!?) ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 25.12.2012, 16:53 |
|
||
|
Responsive design: inline-block - расползаюцца гады и не пойму почему
|
|||
|---|---|---|---|
|
#18+
spПри таком раскладе шабка не станет сильно тяжеловесной - 2 строки h1 !?Ну, шрифт им уменьши. spА Гриба жалко - егож надо кудато воткнуть!?)Да никуда. В полномасштабном режиме глаза мозолит, и довольно с него. :)) ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 25.12.2012, 17:13 |
|
||
|
Responsive design: inline-block - расползаюцца гады и не пойму почему
|
|||
|---|---|---|---|
|
#18+
няка, Спасибо! ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 25.12.2012, 17:21 |
|
||
|
Responsive design: inline-block - расползаюцца гады и не пойму почему
|
|||
|---|---|---|---|
|
#18+
Antonariyто есть счастливый обладатель фулл-хд видит унылый сайт фиксированной ширины образца начала века Не понял вот этот конец фразы - не могли бы вы пояснить свою мысль, пожалуйста ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 25.12.2012, 17:23 |
|
||
|
Responsive design: inline-block - расползаюцца гады и не пойму почему
|
|||
|---|---|---|---|
|
#18+
исправил Код: css 1. но почемуто самый последний элемент както сиротливо ко всем прижимаецца! Чего это он?? ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 25.12.2012, 17:25 |
|
||
|
Responsive design: inline-block - расползаюцца гады и не пойму почему
|
|||
|---|---|---|---|
|
#18+
Вот картинка ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 25.12.2012, 17:29 |
|
||
|
Responsive design: inline-block - расползаюцца гады и не пойму почему
|
|||
|---|---|---|---|
|
#18+
spНе понял вот этот конец фразы - не могли бы вы пояснить свою мысль, пожалуйста В прошлом 20м веке структура сайтов в основном представляли собой меню слева/сверху и контент, заполняющий все остальное пространство (порносайты тогда были исключением — на них было большое разнообразие визуальных структур, впрочем реализованных однотипно — таблицей с килотоннами графики, разбитой на части, и мапами). В начале этого века появилась мода на что-то напоминающее дизайн, но приличный дизайн натянуть на такую структуру сложно, поэтому вслед за ним в моду вошли сайты фиксированной ширины, расположенные по центру страницы (или слева, если верстальщик лошара), — фиксация не дает дизайну превратиться в ужос. Потом стремительным домкратом на рынок ворвались жк-мониторы, которые имеют более широкий спектр разрешений, чем элт, и заточка сайтов под 1024/15" или 1280/17" перестала иметь глубинный, обоснованный клиентским железом смысл, а Татьянычу пришлось "изобрести" резину. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 25.12.2012, 17:44 |
|
||
|
Responsive design: inline-block - расползаюцца гады и не пойму почему
|
|||
|---|---|---|---|
|
#18+
spВот картинкаНе вижу такого. Зато вижу в IE10 и опере неадекватный перенос строк, и в том же ie совсем не круто происходит переход от двух колонок плиток к к двум колонкам плашек и далее. Разные элементы меняют свойства не синхронно. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 25.12.2012, 18:06 |
|
||
|
Responsive design: inline-block - расползаюцца гады и не пойму почему
|
|||
|---|---|---|---|
|
#18+
в 9 ие тоже вижу эффект описанный Antonariy сиротливо прижимающегося последнего не смог обнаружить, у меня все норм ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 25.12.2012, 18:21 |
|
||
|
Responsive design: inline-block - расползаюцца гады и не пойму почему
|
|||
|---|---|---|---|
|
#18+
Antonariy, не синхронность к сожалению из-за использования эффектов с помощью css media queries и javascript, а у них по всей видимости одни и те же значения width наступают в разные моменты.. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 25.12.2012, 20:05 |
|
||
|
Responsive design: inline-block - расползаюцца гады и не пойму почему
|
|||
|---|---|---|---|
|
#18+
а что можно поделать с Opera Mini?? ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 25.12.2012, 20:24 |
|
||
|
Responsive design: inline-block - расползаюцца гады и не пойму почему
|
|||
|---|---|---|---|
|
#18+
AntonariyspНе понял вот этот конец фразы - не могли бы вы пояснить свою мысль, пожалуйста В прошлом 20м веке структура сайтов в основном представляли собой меню слева/сверху и контент, заполняющий все остальное пространство (порносайты тогда были исключением — на них было большое разнообразие визуальных структур, впрочем реализованных однотипно — таблицей с килотоннами графики, разбитой на части, и мапами). В начале этого века появилась мода на что-то напоминающее дизайн, но приличный дизайн натянуть на такую структуру сложно, поэтому вслед за ним в моду вошли сайты фиксированной ширины, расположенные по центру страницы (или слева, если верстальщик лошара), — фиксация не дает дизайну превратиться в ужос. Потом стремительным домкратом на рынок ворвались жк-мониторы, которые имеют более широкий спектр разрешений, чем элт, и заточка сайтов под 1024/15" или 1280/17" перестала иметь глубинный, обоснованный клиентским железом смысл, а Татьянычу пришлось "изобрести" резину. а как бы вы реализовали дизайн?? ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 25.12.2012, 20:47 |
|
||
|
Responsive design: inline-block - расползаюцца гады и не пойму почему
|
|||
|---|---|---|---|
|
#18+
Модульной сеткой. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 26.12.2012, 02:43 |
|
||
|
Responsive design: inline-block - расползаюцца гады и не пойму почему
|
|||
|---|---|---|---|
|
#18+
spAntonariy, не синхронность к сожалению из-за использования эффектов с помощью css media queries и javascript, а у них по всей видимости одни и те же значения width наступают в разные моменты..Зачем тут js? Для браузеров, не поддерживающих media queries, имеет смысл делать обычную статическую верстку. И вообще, с нее нужно начинать, а responsive реализовывать как расширение статических правил. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 26.12.2012, 02:52 |
|
||
|
Responsive design: inline-block - расползаюцца гады и не пойму почему
|
|||
|---|---|---|---|
|
#18+
AntonariyМодульной сеткой. Ну модульная сетка же не поддается media-quriyam - это ж статика! Там же надо юзать js чтоб количество колонок менять ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 26.12.2012, 09:55 |
|
||
|
Responsive design: inline-block - расползаюцца гады и не пойму почему
|
|||
|---|---|---|---|
|
#18+
AntonariyspAntonariy, не синхронность к сожалению из-за использования эффектов с помощью css media queries и javascript, а у них по всей видимости одни и те же значения width наступают в разные моменты..Зачем тут js? Для браузеров, не поддерживающих media queries, имеет смысл делать обычную статическую верстку. И вообще, с нее нужно начинать, а responsive реализовывать как расширение статических правил. у меня в зависимости от размера окна (т.е. фоны и табы всякие или десктоп - у картинок прописывается разный href чтоб не грузить на телефон с модемной скоростью большие картинки (у нас в Окраине 1G даже не дошел еще)) ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 26.12.2012, 09:57 |
|
||
|
Responsive design: inline-block - расползаюцца гады и не пойму почему
|
|||
|---|---|---|---|
|
#18+
spAntonariyМодульной сеткой. Ну модульная сетка же не поддается media-quriyam - это ж статика! Сетка сетке рознь, некоторые еще как поддаются. Например, fluid 960 это чистый css, все ее классы можно невозбранно расширять и переопределять в media-секциях. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 26.12.2012, 10:05 |
|
||
|
Responsive design: inline-block - расползаюцца гады и не пойму почему
|
|||
|---|---|---|---|
|
#18+
spAntonariyпропущено... Зачем тут js? Для браузеров, не поддерживающих media queries, имеет смысл делать обычную статическую верстку. И вообще, с нее нужно начинать, а responsive реализовывать как расширение статических правил. у меня в зависимости от размера окна (т.е. фоны и табы всякие или десктоп - у картинок прописывается разный href чтоб не грузить на телефон с модемной скоростью большие картинки (у нас в Окраине 1G даже не дошел еще))Я бы разместил картинки в бекграунде, а css-классы с бекграундом генерировал на сервере, хотя это немного увеличит размер страницы. Впрочем, там не только картинки ресайзятся не вовремя. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 26.12.2012, 10:18 |
|
||
|
|

start [/forum/topic.php?fid=22&msg=38092923&tid=1448919]: |
0ms |
get settings: |
8ms |
get forum list: |
16ms |
check forum access: |
3ms |
check topic access: |
3ms |
track hit: |
166ms |
get topic data: |
9ms |
get forum data: |
3ms |
get page messages: |
56ms |
get tp. blocked users: |
1ms |
| others: | 211ms |
| total: | 476ms |

| 0 / 0 |
