18 ноября 2010 в 0:25
Коллеги!
Очень странная ситуация с CSS... или я чего то не понимаю:(
Вот такой стиль:
div.imgp_lightshow_box {
float: left;
border: 1px solid black;
display: table-cell;
vertical-align: middle;
text-align: center;
height: 213px;
width: 213px;
margin: 5px;
}
float: left;
border: 1px solid black;
display: table-cell;
vertical-align: middle;
text-align: center;
height: 213px;
width: 213px;
margin: 5px;
}
для такого HTML:
Вообще не работает!!! Самое главное, что это код и стиль работаю вне Друпала, а в нем не работают. Просмотрел другие таблицы стилей, конфликтов нет.
В чем может заключаться проблема?
Вот сам сайт на необходимой странице http://ostbloc.de/node/35, сейчас вот этот стиль по причине недееспособности отключен:
border: 1px solid black;
display: table-cell;
vertical-align: middle;
text-align: center;
display: table-cell;
vertical-align: middle;
text-align: center;
Задача: разместить изображения по центру контейнера div.imgp_lightshow_box
Заранее благодарю за совет!
Комментарии
у вас контейнер в ширину 213px а изображения 200px плюс отступы, что там центрировать то?
float div'а мешает ему выравнивать по высоте по центру его содержимое.
Добавьте ещё один элемент или прямо на ссылку повесьте что-то вроде
<a rel="lightshow[roadtrip]" title="2,5 km Balken" href="/sites/default/files/imagepicker/5/Holz1.JPG" class="lightbox-processed" style="display: table-cell; vertical-align: middle; height: 213px;"><img class="imgp_img" alt="2,5 km Balken" src="/sites/default/files/imagepicker/5/thumbs/Holz1.JPG"></a>xxandeadxx, размер наибольшей стороны 200px. Это либо высота либо ширина, соответственно другая (меньшая сторона) может быть и 150, и 130, или 180.
varvashenia,
спасибо, попробую поэкспериментировать. Но, как я писал в посте выше, у себя локально без друпал этот кусочек кода работает как должно. Я просто не мог понять причины, почему в друпал вдруг это не работает.
К сожалению так и не смог найти решение. Пришлось изменить подход к делу:(
Но вся загвостка была действительно в обтекании float: left;. Что конечно не имеет отношения к Друпалу.
Тем не менее спасибо за участие!