Прыгают кнопки

[Kerny]

Верстаю сайт, сделал резиновым по ширине, а один див не получается сделать нормальным по длине.

Там есть большое меню, см. картинку, когда меняется разрешение, то иконки становятся не ровно, одна выше другая ниже и т.п, причем не знаю с чем это связано, добавляю vertical-align: top; Тогда все притягивается к верху и иконки не уезжают, а вот кнопки "подробнее", прикрепляются сразу после текста, т.е мне надо чтоб они все были на одной линии, а они на разных, т.к область с контентом разная по высоте.

Если указываю область с контентом фиксированной высоты, то кнопки стоят на месте, но когда меняю разрешение, на них залазит текст, т, к он вылезает за границы блока, overflow: hidden; все исправляет, но тогда не видно части контента. Пробовал притянуть кнопки vertical-align: bottom; не вышло, как ни извращался. Жду дельного совета.

[Vlad]

Два варианта есть.

1. Задать высоту блоку с текстом, добавить overflow: auto на всякий случай.

2. Кнопки добавлять отдельным блоком целиком после блока с текстом. Внутри куча подблоков уже с кнопками.

[psywalker]

А вот такой вариант вам как? http://chikuyonok.ru/2011/04/inline-vertical-align/

[Kerny]

А вот такой вариант вам как? http://chikuyonok.ru/2011/04/inline-vertical-align/

Работает, если блоку указывать height явно, это меня не устраивает. Т.к при другом разрешении будет уже иное значение и текст налезет на кнопки, я уже пробовал.

[Softlink]

Kerny, а если кнопки абсолютами прибить? А у контента сделать нижний паддинг, как минимум равный высоте кнопки.

[Kerny]

Kerny, а если кнопки абсолютами прибить? А у контента сделать нижний паддинг, как минимум равный высоте кнопки.

Не, не выходит все равно, кнопки заезжают.

Два варианта есть.

1. Задать высоту блоку с текстом, добавить overflow: auto на всякий случай.

2. Кнопки добавлять отдельным блоком целиком после блока с текстом. Внутри куча подблоков уже с кнопками.

1. Работает, очень даже но полосы прокрутки появляются, а они не нужны.

2. Попробовал тоже работает, но до ума еще не довел, и хотелось бы чтобы кнопки были вместе с контентом в одном диве родителе, т.к если генерируется автоматом, то сложнее в коде организовать.

Edited September 13, 2011 by Kerny

[psywalker]

Kerny, а если кнопки абсолютами прибить? А у контента сделать нижний паддинг, как минимум равный высоте кнопки.

Не, не выходит все равно, кнопки заезжают.

Не может быть. Покажи мини-тестовый пример.

[Softlink]

Kerny, а если кнопки абсолютами прибить? А у контента сделать нижний паддинг, как минимум равный высоте кнопки.

Не, не выходит все равно, кнопки заезжают.

Либо мы говорим о разных проблемах, либо у вас что-то не получилось сделать. Быстренько накидал пример, просмотрите.

[Kerny]

Kerny, а если кнопки абсолютами прибить? А у контента сделать нижний паддинг, как минимум равный высоте кнопки.

Не, не выходит все равно, кнопки заезжают.

Либо мы говорим о разных проблемах, либо у вас что-то не получилось сделать. Быстренько накидал пример, просмотрите.

Кнопки на одном уровне должны быть, в том то и дело. А там у вас на разных.

[psywalker]

Kerny, а если кнопки абсолютами прибить? А у контента сделать нижний паддинг, как минимум равный высоте кнопки.

Не, не выходит все равно, кнопки заезжают.

Либо мы говорим о разных проблемах, либо у вас что-то не получилось сделать. Быстренько накидал пример, просмотрите.

Кнопки на одном уровне должны быть, в том то и дело. А там у вас на разных.

Тогда делай таблицей.

[Softlink]

Кнопки на одном уровне должны быть, в том то и дело. А там у вас на разных.

Сделать тогда независимый див с кнопками и любым блоком толкать его вниз.

[Kerny]

Кнопки на одном уровне должны быть, в том то и дело. А там у вас на разных.

Сделать тогда независимый див с кнопками и любым блоком толкать его вниз.

Пока так и собираюсь.

Или может еще думаю таблицей.

[Softlink]

Кнопки на одном уровне должны быть, в том то и дело. А там у вас на разных.

Сделать тогда независимый див с кнопками и любым блоком толкать его вниз.

Пока так и собираюсь.

Или может еще думаю таблицей.

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