Вёрстка + IE6 = :-!

Тема в разделе "Веб-дизайн", создана пользователем FaTeRy, 6 июн 2009.

Статус темы:
Закрыта.
Модераторы: zek24
  1. FaTeRy

    FaTeRy Создатель

    Регистр.:
    22 мар 2009
    Сообщения:
    30
    Симпатии:
    0
    Вобщем сейчас я вот такой :mad: .
    Не первый раз в жизни встретился с проблемой, но первый раз не могу её решить.
    Проблема заключается как обычно в IE 6... Проблема вроде легендарная - правый сайдбар съезжает вниз. Верстаю я под DLE. Так вот, на главной всё нормально, всё на месте, ничего не съезжает. в фуллстори (полная новость), Всё поехало куда подальше... А именно в самый низ страницы...
    Код у фул стори наипростецкий:
    Код:
    <h1> {link-category} : [full-link]{title}[/full-link]  [edit]EDIT[/edit]</h1> 
     <h2><font color="#696767">Категория:</font> {category}</h2>
     <h2><font color="#696767">Автор:</font> {author}</h2>
    {full-story}<br />
    {rating}&nbsp;Дата: {date} | Просмотров: {views}<br />
    <br />
    Подскажите что я такого намудрил, что на главной всё нормально, а в фулстори поехало.. Напомню: IE 6. Во всех остальных всё прекрасно...
    Надеюсь на ответ :thenks:
     
  2. Псевдоним

    Псевдоним

    Регистр.:
    23 фев 2009
    Сообщения:
    300
    Симпатии:
    68
    Приведённый вами исходный код ни о чем не говорит.
    Нужно же показывать с классами, и ксс.
     
  3. FaTeRy

    FaTeRy Создатель

    Регистр.:
    22 мар 2009
    Сообщения:
    30
    Симпатии:
    0
    Код:
        <div id="center_content">
        		<div class="left_content">        
    <br />
    {speedbar}<br />
    {info}{content}
                </div>
    
             <div class="right_content">
                      
    <h1>Блок</h1>
    <div class="tip_box"> 
    Содержимое
    </div>    
    
    </div>
    Код:
    #center_content{
    width:819px;
    margin:auto auto 20px auto;
    height:auto;
    background-color:#fef8e6;
    }
    .left_content{
    width:400px;
    float:left;
    padding:15px 10px 10px 60px;
    }
    
     
  4. BlackPawn

    BlackPawn Постоялец

    Регистр.:
    19 мар 2009
    Сообщения:
    75
    Симпатии:
    27
    Этого куска кода тоже недостаточно, чтобы понять в чем проблема :).
    У меня такое, обычно, возникает из-за ширины съезжающего блока. Попробуй уменьшить ширину и поставить overflow:hidden.
     
    FaTeRy нравится это.
  5. vadoru

    vadoru Постоялец

    Регистр.:
    28 янв 2007
    Сообщения:
    122
    Симпатии:
    46
    Прежде всего скажите какой DOСTYPE Вы используете ?
    И кроме того скорее всего у правого сайдбара прописан float и установлены margin - вот их то IE6 и удваивает - и часто верстка плывет.
     
    FaTeRy нравится это.
  6. FaTeRy

    FaTeRy Создатель

    Регистр.:
    22 мар 2009
    Сообщения:
    30
    Симпатии:
    0
    Вобщем вёрстка в XHTML 1.0 Transitional.
    Ничего из вышеперечисленного не помогло..

    Модер, дай выяснить проблему пожайлуста, потом уже удали пост.
    Вот демо шаблона: _l2files . ru (Исправьте этот адресс, сделал чтобы небыло прямой ссылки.)
     
  7. Смоленский

    Смоленский

    Регистр.:
    2 июл 2008
    Сообщения:
    248
    Симпатии:
    87
    Да тут просто все маньяки на нулледе и будут в вашем коде (в котором черт ногу сломит) искать вашу ошибку. Раз на главной все нормально а полная запись косячит смотрите что поменялось в блоке left_content и какие правила в css новые элементы используют. Ошибка большинства margin и padding, закомментируйте для всех элементов которые содержатся в left content данные правила и смотрите разницу.
     
    FaTeRy нравится это.
  8. FaTeRy

    FaTeRy Создатель

    Регистр.:
    22 мар 2009
    Сообщения:
    30
    Симпатии:
    0
    Всем спасибо хоть за какуюто зацепку.
    Нашёл причину:
    Код:
    .left_content{
    width:400px;
    float:left;
    padding:15px 10px 10px 60px;
    }
    Если убрать padding:15px 10px 10px 60px; , всё нормально, но естесвенно пропадает отступ.
     
  9. Псевдоним

    Псевдоним

    Регистр.:
    23 фев 2009
    Сообщения:
    300
    Симпатии:
    68
    Следовательно, вам нужно уменьшить ширину главного блока и отступы у левого блока сделать меньше. Вот и всё.
     
    FaTeRy нравится это.
Статус темы:
Закрыта.