нужен хелп с версткой нестандартная задача
#1
Отправлено 24 апреля 2012 - 15:00
#2
Отправлено 24 апреля 2012 - 15:23
п.с. если вдруг можно, то решение типа этого:
#3
Отправлено 24 апреля 2012 - 16:20
он есть, и он меняет свои размеры по тому же принципу, что и блоки А и В. То есть, ничуть не помогает. Фактически, можно рассматривать его как синий контейнер на рисунке.
?
<div id="main"> <div id="A">A</div> <div id="C">C</div> <div id="E">E</div> <div id="D">D</div> <div id="B">B</div> </div> #main{ border: 1px solid blue; width: 90%; } #A, #B{ border: 1px solid red; background-color: #345; }
Это не оно.
Поблагодарили: 1
|
#5
Отправлено 24 апреля 2012 - 18:31
Проблема в том, что div#CED как раз и нельзя присобачить...
#7
Отправлено 24 апреля 2012 - 19:19
#9
Отправлено 24 апреля 2012 - 19:49
но проблема в ячейке D - ее содержимое начинает залезать под E, а если использовать паддинг - ячейка начинают вылезать на новую строку..
написал text-indent, чтобы было хотя бы букву D видно, но это как хак.. Может как-то можно еще побаловаться с паддингами и отрицательными марджинами, но у меня не хватило терпения ))
Поблагодарили: 1
|
#10
Отправлено 24 апреля 2012 - 21:10
Потому что это от меня не зависит :-(
У меня не просто верстка, а верстка, осложненная тем, что html-структуру я практически не могу менять. Самый нелюбимый вид работы - ковыряться в чужом говне.
Все тот же Duplo framework, ипать его изобретателей конем в ноздри. Сайт строится из виджетов, виджеты делаются тоннами яваскриптов, а их размеры и расположение на странице задаются в отдельном мегаскрипте (причем не в одном) с помощью абсолютного позиционирования... Скрипты же имеют совершенно жуткий вид, ибо фреймворк, агрррррххх...
#11
Отправлено 25 апреля 2012 - 08:58
Пичаль, чо уж там... Ну последний вариант товарища SamSa хорош. Причесать его отступами и может прокатить
#12
Отправлено 25 апреля 2012 - 12:56
#13
Отправлено 25 апреля 2012 - 13:57
нет там противоречия. пункт в) зависит от б) и справедлив лишь в его интервале применимости. потому и нарисовал справа в виде равенств...
Еще один печально-забавный прикол:
практически та же ситуация, но контейнер #CED есть (правда, повлиять на него я почти не могу). Задача та же, но с дополнением:
содержимое контейнера #CED может быть довольно высоким, что приводит к получению скроллбара у #CED. Так вот, гениальная идея дизайнера заказчика - сделать так, чтобы выравнивание по правому краю у содержимого #CED оставалось одинаковым независимо от наличия скроллбара. Т.е., как будто скроллбар имеет {position:absolute; right:0;}. Я прям даже не знаю как их нахуй послать...
#14 Гость_feo-gabber_*
Отправлено 25 апреля 2012 - 14:38
Инквизитор (25 апреля 2012 - 13:57) писал:
Еще один печально-забавный прикол:
практически та же ситуация, но контейнер #CED есть (правда, повлиять на него я почти не могу). Задача та же, но с дополнением:
содержимое контейнера #CED может быть довольно высоким, что приводит к получению скроллбара у #CED. Так вот, гениальная идея дизайнера заказчика - сделать так, чтобы выравнивание по правому краю у содержимого #CED оставалось одинаковым независимо от наличия скроллбара. Т.е., как будто скроллбар имеет {position:absolute; right:0;}. Я прям даже не знаю как их прочь послать...
Ну не надо уж так плохо о заказчике.
То что он просит вполне выполнимо посредством JS.(эмуляция скроллбара посредством javascript, например - tinyscrollbar)
Странно что Вы беретесь за проекты которые для вас проблематичны в плане конечного результата.
А с дизайнерами нужно дружить, хоть, право, иногда одно желание остается - пристрелить, чтоб никто не мучался.
#15
Отправлено 25 апреля 2012 - 15:18
А меня и не спрашивали =)))))))))))))
Дано задание - расковырять кучу индусского говна, отложив помидорные семена в одну сторону, а кукурузные зерна - в другую. Сделано. Следующее задание - выложить индусское говно в виде торта. Готово. Текущее задание - сделать так, чтобы индусское говно было похоже на торт по вкусу и питательности. Ну не получается из говна торт, блеать!
#16
Отправлено 26 апреля 2012 - 00:54
#17
Отправлено 26 апреля 2012 - 01:53
Цитата
С тем же успехом можно присобачить самим блокам display:table-cell, а их контейнеру - display: inline-table
Пока проблему решил, подогнав ширины блоков в процентах так, чтобы при штатном разрешении компа дизайнера было красиво. Западло и мракобесие, конечно, но не хочу начинать акт насилия над структурой хтмл, пока не узнаю все гениальные идеи , осеняющие грешную головушку дизайнера по два раза в день...