[help] Помогите с выравниванием в IE

Тема в разделе "DLE", создана пользователем kop, 18 янв 2008.

Информация :
Актуальная версия DataLife Engine 11.2
( Final Release v.11.2 | Скачать DataLife Engine | Скачать 11.2 demo )
Нужно ли обновляться | Как обновиться | Изменения в шаблонах
> Нет русских символов <
[Приватная тема DLE (Все подробности в ЛС к модератору раздела)]

Версии 11.1 и ниже - уязвимы!

Локализации | F.A.Q. | Внешний вид
Правила раздела | Правила форума
Обсуждение хайда карается баном!
В каждом сообщении указывайте версию DLE, которого они касаются!
Статус темы:
Закрыта.
Модераторы: killoff
  1. kop

    kop Постоялец

    Регистр.:
    8 янв 2008
    Сообщения:
    133
    Симпатии:
    27
    Собственно сабж заключается в том, что при выравнивании картинки по левому краю текст новости в Opere и FF отображается правильно, а вот в IE первая строчка текста остается на одном уровне с картинкой, а остальной текст сползает под картинку.

    Кто знает как избавится от этого глюка?

    Опера
    [​IMG]
    IE
    [​IMG]
     
  2. kotarosan

    kotarosan

    Регистр.:
    29 дек 2007
    Сообщения:
    169
    Симпатии:
    60
    Выложи код страницы + стили
     
  3. GauraStyle

    GauraStyle Kot

    Регистр.:
    13 фев 2007
    Сообщения:
    1.492
    Симпатии:
    916
    Проблема в шаблоне. У меня такая самая ситуация была на более ранних версиях движка и с шаблонами. Так что это скорее всего вопрос к верстальщикам. Почему такое происходит. Или же к Автору модуля, если это модуль так выводит новости.
    :nezn:
     
  4. m1kola

    m1kola

    Регистр.:
    13 дек 2006
    Сообщения:
    221
    Симпатии:
    55
    +1
    как можно в чём-то помочь если незнать, кода.
     
  5. kop

    kop Постоялец

    Регистр.:
    8 янв 2008
    Сообщения:
    133
    Симпатии:
    27
    Это не модуль. Обычная короткая новость. Хотя с полной новостью тоже самое.
    Вот код shortstory.tpl:
    HTML:
        <div class="news">
    		<div class="float">
    		<div class="date">{date}</div>
            		<h1>[full-link]{title}[/full-link]<img src="{THEME}/fastheme/f_arrow.gif" style="vertical-align:baseline" alt="Перейти" /></h1>
    			<div style="float:left;" id="blue-link">
    			<span style="color:green">#{news-id}</span> добавил <img alt="Пользователь" src="{THEME}/fastheme/f_author.gif" /> {author}, в <img src="{THEME}/fastheme/f_folder_go.png" alt="Перейти в раздел" /> {link-category}
    			</div>
    			<div style="float:right;" id="blue-link">{rating}</div>
    		</div>
            </div>
            <div class="story">
    			<p>{short-story}</p>
    			<br style="clear:both" />
    			<div class="story-bottom">
    				<div class="sbl">
                    	Отзывов <img src="{THEME}/fastheme/f_comments.png" border="0" alt="Комментарии"> [com-link]{comments-num}[/com-link] &nbsp;<img src="{THEME}/fastheme/f_dots.gif" alt="Просмотры" border="0" /> &nbsp;Просмотров <img src="{THEME}/fastheme/f_refresh.gif" border="0" alt="Просмотры"> [full-link]{views}[/full-link] [group=1,2,3,4]<img src="{THEME}/fastheme/f_dots.gif" border="0" alt="Добавить в закладки" /> &nbsp;{favorites}[/group]
                    </div> 
    				<div class="sbr">
                    	[edit]<img alt="Редактировать" src="{THEME}/fastheme/f_edit.png" alt="" />[/edit] [full-link]Читать дальше[/full-link] | [com-link]Комментировать[/com-link] <img src="{THEME}/fastheme/f_arrow_right.gif" alt="Читать новость полностью" border="0" />
                    </div>
    			<div class="clear"></div>
    			</div>
    		</div>
    	</div>
    + файлы fullstory.tpl и css в атаче
     

    Вложения:

    • 1.rar
      Размер файла:
      4,7 КБ
      Просмотров:
      2
  6. kotarosan

    kotarosan

    Регистр.:
    29 дек 2007
    Сообщения:
    169
    Симпатии:
    60
    Шаблон мне ни о чем не говорит.

    Я этот двиг не юзал, куда там текст втыкается не понятно.

    Сделай так, сохрани проблемную страничку , как вэб страницу полностью, проверь что был сss.

    Приаттач архив

    P.S. Нашел у себя подобную верстку:
    <div style="float:left;">картинка идет впереди текста в отдельном div слое</div>

    <div >Далее идет описалово и все работает в IE и в др браузерах</div>

    К картинке бы неплохо добавить padding:5px 5px 5px 0 по вкусу изменишь расстояние
     
  7. Tias

    Tias

    Регистр.:
    26 дек 2007
    Сообщения:
    438
    Симпатии:
    147
    думаю проблема в том, что для картинки стоит выравнивание по центру, а стоит поставить выравнивание по левому краю
     
  8. kop

    kop Постоялец

    Регистр.:
    8 янв 2008
    Сообщения:
    133
    Симпатии:
    27
    Нет. Для всех картинок как раз выравнивание слева стоит.
     
  9. Kentbrn

    Kentbrn Постоялец

    Регистр.:
    11 мар 2007
    Сообщения:
    134
    Симпатии:
    14
    столкнулся с такой проблемой , решение очень замороченное проще оставить т.к. как решить знаю, но долго описывать

    Добавлено через 2 минуты
    могу сказать что надо копать в клобальном стиле дял img там идет выравнивание valign middle для всеъх картинок, поэтому такой косяк надо для каждого класса прописывать свой тсиль для картинок .. а глобальный img {...} убирать настройки валинг миддле
     
  10. GauraStyle

    GauraStyle Kot

    Регистр.:
    13 фев 2007
    Сообщения:
    1.492
    Симпатии:
    916
    Млин еле нашол эту Тему. Думал писать уже по новому. Помогите если не тяжело. Смысл в том, что поменял шаблон на сайте http://www.decoder.com.ua/ и заказчег говорит, что нужно отступ от картинки замутить, так как сильно близко текст к картинке очень. Мож кто подскажет где рыть то? Редактирование каждой новости пробелом напряжно получаеться, может можно решение какое нить замутить, что бы это было отредактировано во всех новостях в которых расположены картинки. Заказчег не желает чтобы картинка была по центру, а как и на самом сайте в левом углу. Голову сушу, но ничего так и не надумал.
    :nezn:
     
Статус темы:
Закрыта.