14:22

Fortune favours the brave
Подскажите пожалуйста, возможно ли в блочном дизайне (код справа) наличие эпиграфа, значительно более широкого, нежели сама запись и колонка меню? Т.е., что бы эпиграф на несколько десятков пикселей "выступал" за границы записи?
Я попытался решить эту проблему таким халтурным способом:

Но это не привело к желаемому результату, ибо меню теперь не продолжается в длину всей странички:


@темы: меню, отступы, основные блоки

Комментарии
07.09.2010 в 14:24

Не сахар
Уберите строку .right #wrapper{background: none; overflow:hidden;}
07.09.2010 в 14:37

Fortune favours the brave
Aloria
Убрал. Меню так и осталось "обрезанным"(
07.09.2010 в 14:38

Не сахар
Ludwig Krautz, а теперь добавьте для #wrapper цвет бэкграунда: background: #fff; - например.
07.09.2010 в 14:43

Fortune favours the brave
Aloria
Но тогда и возникает первоначальная проблема: из-за того, что эпиграф шире, и я ширину wrapper устанавливал под него, дабы не обрезать картинку, появляются совсем нежелательные закрашенные участки:

07.09.2010 в 14:46

Не сахар
Ludwig Krautz, я не поняла, при чем здесь вообще эпиграф? Вы можете дать код целиком?
Меню вытянуть до низа нельзя, этот эффект визуально достигается тем, что задается бэкграунд врапперу, а чтоб решить вашу проблему - надо ее понять.
07.09.2010 в 14:54

Fortune favours the brave
Мой код целиком (еще в процессе):

Ширина эпиграфа - 960px (соответственно, я для wrapper я поставил так же), но для записей, меню и экстработтома мне нужна меньшая ширина, чтобы подходили под то изображение "пергамента", которое нарисовано в эпиграфе (примерно 819px) Как можно это безболезненно сделать?
07.09.2010 в 15:20

Не сахар
Ludwig Krautz, это не эпиграф, а экстратоп.
Сделайте для него картинку, которая вам нужна, и поставьте на бэкграунд.
07.09.2010 в 15:39

Fortune favours the brave
Aloria
Мда) Всё гениальное просто)
07.09.2010 в 18:01

Non vi, sed arte
Меню вытянуть до низа нельзя
Я вытягиваю меню до низа с помощью bottom: 0px;
07.09.2010 в 18:10

Fortune favours the brave
Itory
О, учту!
07.09.2010 в 18:15

Не сахар
Itory, bottom используется только вместе с position. И загоняет меню вниз, либо, как вариант, фиксирует его на месте. Просто так bottom: 0px; ничего не даст. Хорошего, по крайней мере.
07.09.2010 в 18:17

Non vi, sed arte
Aloria если в сочетании сколько-то top - все в порядке, а про позишн, это да, забыла уточнить.
У меня в дневнике сейчас это использовано, только боттом 30, а не 0
07.09.2010 в 18:24

Не сахар
Itory, сочетание top и bottom при позиционировании не используется...
07.09.2010 в 18:26

Non vi, sed arte
Aloria ну у меня же работает...
#side {width: 200px; position: absolute; top: 170px; bottom: 30px; left: 80%; margin-left: 10px; text-align: center; background: #f0edd7 url('/userdir/1/4/2/6/1426569/59604416.jpg'); border: 1px dashed #292508; z-index: 12; }

И не только у меня, в принципе.
07.09.2010 в 18:38

Не сахар
Itory, знаете, я когда-то тоже думала, что у меня "работает" position: bottom))).
Оказалось, что я была неправа.
Позиционированному объекту задаются одна, две или три координаты: положение по горизонтали {left/right), по вертикали (top/bottom) и иногда - z-index, задающий сортировку слоев. Соответственно, координаты left/top задают положение верхнего левого угла, а координаты right/bottom - нижнего правого.
Если вы задали координаты левого верхнего угла (например), то координаты остальных четырех углов задаются, исходя из размеров блока, которые также могут быть заданы вручную (параметры width и height), а могут вычисляться автоматически, исходя из содержимого блока.
Задание же двух вертикальных координат (в вашем случае), может, и имеет логику, и, в общем-то, прямых запретов на то нет. Но надо иметь в виду, что поймут это только новые браузеры. Старые (ИЕ6 так точно, а может и ИЕ7) отобразят в лучшем случае все в наслоенном друг на друга виде, а в худшем - не отобразят ничего вообще.

В любом случае, надо было указывать не то, что bottom:0 помогает, а то, что это должен быть абсолютно позиционированный элемент с указанием координат top и bottom и с оговоркой, что не все браузеры это поймут.
Как-то так...
07.09.2010 в 19:40

Non vi, sed arte
с оговоркой, что не все браузеры это поймут
Тестировала во всех >.<
Во всяком случае, человек вполне может поиграться с таким кодом, ничего страшного от этого не случится)
07.09.2010 в 20:21

Не сахар
Itory, спорим, не во всех?
ИЕ6 вы явно не тестировали.
07.09.2010 в 21:25

Non vi, sed arte
Aloria Оу, ну да) Но те, кто пользуется ие - сами виноваты:lol::lol::lol:
Да ладно, спорить не буду. Но бывает и хуже решение)