09:31

Совершенству эволюция не нужна.
Давайте разберемся :)

Вот код для side: #side{ background: #000000 url('/userdir/1/1/1/7/111774/44562917.jpg') repeat-y right 120px; position: absolute !important; clear: left; width:166px !important; margin:0 !important; left:0px !important; font-size: 9pt !important; padding-left: 0px !important; padding-bottom: -10px !important; color: #dddddd !important}
Вот #side .bordered: #side .bordered {width: 166px !important; padding-left: 2px !important; padding-top: 0px !important; margin: 0 !important; padding-right: 0px !important; padding-bottom: 120px !important; background: url('/userdir/1/1/1/7/111774/44755694.gif') no-repeat bottom left; border: none !important;}
Вот #side .bordered .clear: #side .bordered .clear {display: none !important;}

Таким образом, .bordered находится внутри #side, и поскольку все нижние паддинги и маргины равны нулю, и .clear убран, то .bordered нижним краем должен прилегать к нижней границе меню #side, так? В ИЕ он и прилегает, и фон его переходит в фон меню #side без проблем, как мне и нужно.
Но в Опере происходит вот какая фигня:
скрин
Где красным крестом обозначен фон #side
Желтым обозначен фон .bordered
Красной стрелкой - торчащий кусок фона #side.

Вопрос - Откуда он взялся?

@темы: меню

Комментарии
09.08.2009 в 10:39

Совершенству эволюция не нужна.
В принципе, проблема решается проставлением для .bordered позиции relative и сдвижением его на несколько пикселей вниз путем top: 5px;
Но все же, откуда взялся этот кусок?
09.08.2009 в 13:22

И тесно облакам.
Возможно, из-за того, что опера включает padding в width, а ие нет (или наоборот, не помню).
09.08.2009 в 14:48

fail better
есть живой пример?

возможно дело в #NContentFrame?
09.08.2009 в 19:37

Совершенству эволюция не нужна.
bokonist
Нет, пример пока "неживой"..(

А #NContentFrame по ходу тоже не влияет, по крайней мере пробовал отключить, ничего не изменилось.
09.08.2009 в 20:29

fail better
Roldo, как будет живой, если пороблема сохранится, покажи.

хотя всё же похоже на #NContentFrame, он в side под bordered, высотой 4-5 пикселей и visibility:hidden.

как более мягкий чем relative вариант, сделай bordered margin-bottom:-4px.
10.08.2009 в 06:14

Совершенству эволюция не нужна.
bokonist
А у меня изначально #NContentFrame имеет высоту 0, я смотрел через девелопер-панель. Правда неизвестно, может Опера как-то по-другому интерпретирует этот элемент.
10.08.2009 в 07:30

fail better
Roldo, там ещё border, сделай ему display:none.
15.08.2009 в 23:19

bokonist Моя благодарность не имеет границ.