Russian TYPO3 community

Russian TYPO3 community (http://forum.typo3.ru/index.php)
-   Общие вопросы (http://forum.typo3.ru/forumdisplay.php?f=12)
-   -   Галерея картинок неверно отображается в Msie (http://forum.typo3.ru/showthread.php?t=1817)

AlexSW 18.09.2006 15:06

Галерея картинок неверно отображается в 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

Как добиться того, чтобы страница правильно рендерилась изначально и при любом размере картинок я не нашел.

Заранее благодарю за любые советы.

salah 18.09.2006 15:17

давайте по порядку. у вас страница с фотографиями выводится как контент-элемент "обычный текст" или "только картинки" ?

AlexSW 18.09.2006 15:49

добрый день.
фотографии выводятся как элемент контента "изображение", то есть только изображения.

salah 18.09.2006 16:13

У вас в HTML коде ширина DIVа в котором в два стоблика отображаются картинки прописана фиктированной - 600px. Скорее всего, проблема в этом. Потому что если учесть что каждый снимок шириной 295px, плюс еще и ширина между ячейками... Т.е. в указанный DIV информация не помещается.

AlexSW 18.09.2006 16:28

Цитата:

Сообщение от salah
У вас в HTML коде ширина DIVа в котором в два стоблика отображаются картинки прописана фиктированной - 600px. Скорее всего, проблема в этом. Потому что если учесть что каждый снимок шириной 295px, плюс еще и ширина между ячейками... Т.е. в указанный DIV информация не помещается.

Это верно, но в том-то и дело, что ширина DIV-а устанавливается самой typo3, как-то формируется исходя из ширины картинок!
Посмотрите, например, сюда:
http://cleaning.123chisto.ru/index.php?id=13
Здесь я загрузил картинки шириной 240 и ширина DIV-a стала равна 490!
Возможно, эта величина вычисляется в коде как сумма ширин картинок + ширина границы (10 пикселей).

В шаблоне ширина соотв. колонки в таблице никак не задана.

salah 18.09.2006 16:50

Вам надо зайти в Template Analyzer и выбрать EXT:css_styled_content/static/, т.к. процедура рендеринга и все соответствующие настройки для отображения этого вида контент-элемента (Картинки) происходит с помощью css_static_content.
Пошаманьте там.
Просьба, когда найдете решение, выложить его здесь для потомков. :)

void 18.09.2006 22:31

Если покопаться в css_styled_content, то можно увидеть, что imageStdWrap.dataWrap = <div class="csc-textpic-imagewrap" style="width:{register:totalwidth}px;"> | </div>

Вопрос - где находится соответствующий LOAD_REGISTER.
Кстати, а с версткой все в порядке?
Прописаны или margin:0px; padding:0px; для body?

AlexSW 19.09.2006 00:46

Относительно верстки:
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} я пока не нашел.

void 19.09.2006 02:45

Ну, с MSIE сами разбирайтесь) а отступ между картинками задается через tt_content.image.20.colSpace и tt_content.image.20.rowSpace
(По умолчанию оба значения - 10).
А вообще, есть еще вот такая вещь

AlexSW 23.09.2006 23:12

проблема была в следующей строке в таблице стилей.
 
В подключаемом файле стилей для элемента "content" было прописано
в числе прочего
.content {
text-indent:10px;
}
Достаточно было ее убрать и все прошло.
Cработало различие в движках FF и IE.


Часовой пояс GMT +4, время: 03:14.

Работает на vBulletin® версия 3.8.1.
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Перевод: zCarot