2

Здравствуйте. Есть некий DIV фиксированной ширины. В нем еще элементы DIV, которых может быть сколько угодно. Ширина и высота внутренних элементов фиксирована. Вопрос: Как мне сделать позиционирование внутри головного DIV как на картинке?

PS
Очень важно, чтобы головной DIV по высоте был на 50 пикселей больше, чем занимаемое внутренними элементами пространство по высоте (как на картинке). И еще, использование JavaScript неприменимо в моей ситуации.

alt text

1 ответ 1

2

Примерно так:

.main_div { padding: 5px 0 50px 5px }
.my_div { display:inline-block; margin-right: 10px }
5
  • Спасибо. Сработало! Только не до конца. Как сделать так, чтобы внутренние элементы выровнялись по центру, в то время как нижняя строка будет так, как на картинке. 24 дек 2011 в 17:45
  • попробуйте внутренним дивам добавить свойство float:left
    – DemoS
    24 дек 2011 в 21:27
  • Не. Не помогло 24 дек 2011 в 21:44
  • В принципе, не догадался сразу. Надо для размещения по центру, просто было вычислить, какую ширину занимает одна строка внутренних объектов, отнять от ширины головного DIV, разделить на два и поставить это значение для padding левого и правого. @DemoS, спасибо, идея очень помогла. 30 дек 2011 в 0:18
  • Я сам, если честно, с позиционированием не особо дружу. Но ваш вариант, как мне кажется, редкостное извращение :) Наверняка есть способ попроще. К сожалению подсказать не могу.
    – DemoS
    30 дек 2011 в 6:17

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.