нужен хелп с версткой

[Инквизитор]

Всем привет!

 

Есть вот такая задача:

Плиз хелп ми, а то я две ночи заснуть не могу =(

[SamSa]

а создать контейнер для блоков C, E, D тоже нельзя ?

п.с. если вдруг можно, то решение типа этого: http://jsfiddle.net/m9nup/

[Инквизитор]

а создать контейнер для блоков C, E, D тоже нельзя ?

он есть, и он меняет свои размеры по тому же принципу, что и блоки А и В. То есть, ничуть не помогает. Фактически, можно рассматривать его как синий контейнер на рисунке.

 

п.с. если вдруг можно, то решение типа этого: http://jsfiddle.net/m9nup/

?

<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;
}
​

 

Это не оно.

[SamSa]

блин, забыл сохранить.. щас восстановлю

вроде вот

http://jsfiddle.net/m9nup/1/

[Инквизитор]

Да, спасибо, этот вариант я уже пробовал.

Проблема в том, что div#CED как раз и нельзя присобачить...

[farkhad]

а без контейнера CED никак....

[GerinG]

Инквизитор, почему не рассмотришь создание контейнера CED? Я тоже не вижу другого решения

[Guest feo-gabber]

без контейнера CDE не получится...

[SamSa]

без CED смог только такое придумать http://jsfiddle.net/m9nup/3/

но проблема в ячейке D - ее содержимое начинает залезать под E, а если использовать паддинг - ячейка начинают вылезать на новую строку..

написал text-indent, чтобы было хотя бы букву D видно, но это как хак.. Может как-то можно еще побаловаться с паддингами и отрицательными марджинами, но у меня не хватило терпения ))

[Инквизитор]

Инквизитор, почему не рассмотришь создание контейнера CED? Я тоже не вижу другого решения

 

Потому что это от меня не зависит :-(

У меня не просто верстка, а верстка, осложненная тем, что html-структуру я практически не могу менять. Самый нелюбимый вид работы - ковыряться в чужом говне.

Все тот же Duplo framework, ипать его изобретателей конем в ноздри. Сайт строится из виджетов, виджеты делаются тоннами яваскриптов, а их размеры и расположение на странице задаются в отдельном мегаскрипте (причем не в одном) с помощью абсолютного позиционирования... Скрипты же имеют совершенно жуткий вид, ибо фреймворк, агрррррххх...

[GerinG]

У меня не просто верстка, а верстка, осложненная тем, что html-структуру я практически не могу менять.

 

Пичаль, чо уж там... Ну последний вариант товарища SamSa хорош. Причесать его отступами и может прокатить

[Oskar]

Пункты "в" и "г" противоречат друг другу, мне кажется. Либо слово "всегда" в данном случае неуместно.

[Инквизитор]

Пункты "в" и "г" противоречат друг другу, мне кажется. Либо слово "всегда" в данном случае неуместно.

нет там противоречия. пункт в) зависит от б) и справедлив лишь в его интервале применимости. потому и нарисовал справа в виде равенств...

 

 

Еще один печально-забавный прикол:

практически та же ситуация, но контейнер #CED есть (правда, повлиять на него я почти не могу). Задача та же, но с дополнением:

содержимое контейнера #CED может быть довольно высоким, что приводит к получению скроллбара у #CED. Так вот, гениальная идея дизайнера заказчика - сделать так, чтобы выравнивание по правому краю у содержимого #CED оставалось одинаковым независимо от наличия скроллбара. Т.е., как будто скроллбар имеет {position:absolute; right:0;}. Я прям даже не знаю как их нахуй послать...

[Guest feo-gabber]

нет там противоречия. пункт в) зависит от б) и справедлив лишь в его интервале применимости. потому и нарисовал справа в виде равенств...

 

 

Еще один печально-забавный прикол:

практически та же ситуация, но контейнер #CED есть (правда, повлиять на него я почти не могу). Задача та же, но с дополнением:

содержимое контейнера #CED может быть довольно высоким, что приводит к получению скроллбара у #CED. Так вот, гениальная идея дизайнера заказчика - сделать так, чтобы выравнивание по правому краю у содержимого #CED оставалось одинаковым независимо от наличия скроллбара. Т.е., как будто скроллбар имеет {position:absolute; right:0;}. Я прям даже не знаю как их прочь послать...

Ну не надо уж так плохо о заказчике.

То что он просит вполне выполнимо посредством JS.(эмуляция скроллбара посредством javascript, например - tinyscrollbar)

Странно что Вы беретесь за проекты которые для вас проблематичны в плане конечного результата.

А с дизайнерами нужно дружить, хоть, право, иногда одно желание остается - пристрелить, чтоб никто не мучался. :lol:

[Инквизитор]

Странно что Вы беретесь за проекты которые для вас проблематичны в плане конечного результата.

А меня и не спрашивали =)))))))))))))

Дано задание - расковырять кучу индусского говна, отложив помидорные семена в одну сторону, а кукурузные зерна - в другую. Сделано. Следующее задание - выложить индусское говно в виде торта. Готово. Текущее задание - сделать так, чтобы индусское говно было похоже на торт по вкусу и питательности. Ну не получается из говна торт, блеать!

[Retrograde]

Всем привет!

 

Есть вот такая задача:

Плиз хелп ми, а то я две ночи заснуть не могу =(

 

А таблицу в блоки вставлять нельзя? В качестве "распорки"

[Инквизитор]

А таблицу в блоки вставлять нельзя? В качестве "распорки"

С тем же успехом можно присобачить самим блокам display:table-cell, а их контейнеру - display: inline-table

Пока проблему решил, подогнав ширины блоков в процентах так, чтобы при штатном разрешении компа дизайнера было красиво. Западло и мракобесие, конечно, но не хочу начинать акт насилия над структурой хтмл, пока не узнаю все гениальные идеи , осеняющие грешную головушку дизайнера по два раза в день...