Вопрос для гуру (избавиться от лишнего расстояния)

[3axap]

Здравствуйте. Обычно удавалось решать проблемы следуя htmlbook справочнику, но в этот раз не выходит..

Вот пример, в нем не удается избавиться от расстояния между mboard-block-up и mboard-block. Если floatedblock I и II (а) разместить внутри mboard-block (и сменить top: 50px; на -50px), расстояние остается, просто раздвинет mboard-block снизу. В общем не знаю как побороть. Надеюсь на Вашу помощь.

Спасибо.

Edited June 16, 2013 by 3axap

[klierik]

можно попробовать в эту сторону: http://jsfiddle.net/fPDfP/6/

[3axap]

Вариант, но не подходит чисто по стилю. Эти 2 красных блока - канцелярские кнопки, торчат в как-бы в листке... Я уж не стал с картинками пример выкладывать. Даже если убрать все marginЫ, все равно сохраняется пространство, равное размеру floatedblockА. Может быть как-то position обыграть у floatedblock и mboard-block? В моем случае, если floatedblock выставить absolution, он уползает в шапку сайта, независимо от того, где находится, внутри mboard-block или снаружи..

[sigma77]

Тогда бекграундом или абсолютом - http://jsfiddle.net/fPDfP/7/

[3axap]

Тогда бекграундом или абсолютом - http://jsfiddle.net/fPDfP/7/

Вариант, попробую. Все в обертку и двинуть вверх, кнопки в absolution. Спасибо! Попробую на деле.

Edited June 16, 2013 by 3axap

[3axap]

Получилось! Спасибо!

Вот примерно так:

[sigma77]

Еще один небольшой совет. Чтобы не делать лишнюю разметку, кнопки можно повесить на псевдоэлементы - :before и :after

[3axap]

Еще один небольшой совет. Чтобы не делать лишнюю разметку, кнопки можно повесить на псевдоэлементы - :before и :after

Не подумал об этом. Учту, спасибо)