Показать сообщение отдельно
  #1 (permalink)  
Старый 15.08.2013, 11:09
Аспирант
Отправить личное сообщение для Василий Б. Посмотреть профиль Найти все сообщения от Василий Б.
 
Регистрация: 01.03.2010
Сообщений: 44

Помогите определить ширину блока (padding, блочная модель)
Всем привет!
Написал скрипт показа картинок в новом окне. Все работает, но есть некоторые проблемы и недопонимания.

Решение было такое: определяем размер изображения, рисуем DIV-блок с таким же размером посередине страницы и вкорячиваем в него изображение.
Но для DIV-блока нужно сделать padding, допустим в 10px.
Допустим, изображением имеет размер 500х500 px. По моей логике размер DIV должен быть 520х520 (image.width + padding-left + padding-right и image.height + padding-top + padding-bottom).
НО делая размер блока 520х520 и добавляя динамически стиль padding:10px я получаю DIV, визуально гораздо больший по размерам (очевидно из-за padding). Т.е. padding как бы расширяет указанный в стилях размер DIV-блока. Мне это не подходит, т.к. для корректного позиционирования DIV блока посередине страницы нужно знать его ТОЧНЫЙ размер, хотя по факту с учетом padding-ов он больше и получить точный его размер не получается.

Последний раз редактировалось Василий Б., 15.08.2013 в 11:11.
Ответить с цитированием