Просмотр полной версии : Галерея картинок неверно отображается в Msie
Вот страница:
http://cleaning.123chisto.ru/index.php?id=12
Количество колонок в эелементе контента Image выставлено равным 2. В Firefox страница отображается как надо, а в MSIE вторая переностися на следующую строку с некоторым отступом.
Все проходит если поменять в HTML-коде страницы параметр width в строках
<DT><IMG height=221 alt="" src="before_after_files/1a.gif"
width=295 border=0>
с 295 на 285 или меньший, однако установка меньшей ширины в свойствах элемента контента в BE не помогает. Загрузка изначально меньших картинок также не помогает, вот пример:
http://cleaning.123chisto.ru/index.php?id=13
Как добиться того, чтобы страница правильно рендерилась изначально и при любом размере картинок я не нашел.
Заранее благодарю за любые советы.
давайте по порядку. у вас страница с фотографиями выводится как контент-элемент "обычный текст" или "только картинки" ?
добрый день.
фотографии выводятся как элемент контента "изображение", то есть только изображения.
У вас в HTML коде ширина DIVа в котором в два стоблика отображаются картинки прописана фиктированной - 600px. Скорее всего, проблема в этом. Потому что если учесть что каждый снимок шириной 295px, плюс еще и ширина между ячейками... Т.е. в указанный DIV информация не помещается.
У вас в HTML коде ширина DIVа в котором в два стоблика отображаются картинки прописана фиктированной - 600px. Скорее всего, проблема в этом. Потому что если учесть что каждый снимок шириной 295px, плюс еще и ширина между ячейками... Т.е. в указанный DIV информация не помещается.
Это верно, но в том-то и дело, что ширина DIV-а устанавливается самой typo3, как-то формируется исходя из ширины картинок!
Посмотрите, например, сюда:
http://cleaning.123chisto.ru/index.php?id=13
Здесь я загрузил картинки шириной 240 и ширина DIV-a стала равна 490!
Возможно, эта величина вычисляется в коде как сумма ширин картинок + ширина границы (10 пикселей).
В шаблоне ширина соотв. колонки в таблице никак не задана.
Вам надо зайти в Template Analyzer и выбрать EXT:css_styled_content/static/, т.к. процедура рендеринга и все соответствующие настройки для отображения этого вида контент-элемента (Картинки) происходит с помощью css_static_content.
Пошаманьте там.
Просьба, когда найдете решение, выложить его здесь для потомков. :)
Если покопаться в css_styled_content, то можно увидеть, что imageStdWrap.dataWrap = <div class="csc-textpic-imagewrap" style="width:{register:totalwidth}px;"> | </div>
Вопрос - где находится соответствующий LOAD_REGISTER.
Кстати, а с версткой все в порядке?
Прописаны или margin:0px; padding:0px; для body?
Относительно верстки:
1. Для body не прописано ничего
2. Контент отформатирован таблицей, для левой и правой колонок ширина задана в пикселях, для средней - width=100%
3. Содержимое средней колонки выделено <div id=content>. В стилях прописано:
.content { font-family: Arial; font-size: 12px; color: #576668; font-weight: bold; text-indent:10px; text-align:left; letter-spacing:1; margin-right:4 }
Чтобы не было сомнений в том, что дело не в размере картинок относительно ширины ячейки, я залил на эту страницу:
http://cleaning.123chisto.ru/index.php?id=11
картинки маленькой ширины - 100px.
При этом система выставила
<div class="csc-textpic-imagerow" style="width:210px;">
(то есть опять ширину 2 картинок + 10 px). Видимо так прописано где-то в коде расширения.
И, разумеется, в MSIE все снова показывается не так, как надо!
Где искать {register:totalwidth} я пока не нашел.
Ну, с MSIE сами разбирайтесь) а отступ между картинками задается через tt_content.image.20.colSpace и tt_content.image.20.rowSpace
(По умолчанию оба значения - 10).
А вообще, есть еще вот такая (http://typo3.org/extensions/repository/view/cron_cssstyledimgtext/0.4.1/) вещь
В подключаемом файле стилей для элемента "content" было прописано
в числе прочего
.content {
text-indent:10px;
}
Достаточно было ее убрать и все прошло.
Cработало различие в движках FF и IE.
Работает на vBulletin® версия 3.8.1. Copyright ©2000-2025, Jelsoft Enterprises Ltd. Перевод: zCarot