Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Выезд текста за блок в IE6
 
 автор: immortal727   (29.08.2011 в 11:05)   письмо автору
 
 

Почему когда делаю в блоке текст с отступом влево, то во всех браузерах нормально, а в IE6 эти кусочки текста, которые выходят за блок, не видны. Блок позиционирован абсолютно.

<div id="link">
                       <ul>
                        <li class="link_1">
                            <a href="http://rio">Главная</a>                        </li>
                        <li class="link_2">
                            <a href="#">Фотогаллерея</a>                        </li>
                        <li class="link_3">
                            <a href="#">Меню</a>                        </li>
                        <li class="link_4">
                            <a href="#">Контакты</a>                        </li>
                    </ul>
               </div>


Привиду не все сss, просто для большей ясности
#link{
    width:280px;
    height:235px;
    position:absolute;
    right:60px;
    z-index:2;
}

#link  ul li.link_1{
    margin-left:-30px;
}

#link  ul li.link_2{
    margin-left:-10px;
}


Помогите решить проблему, если кто сталкивался с IE6

  Ответить  
 
 автор: Lelik   (29.08.2011 в 11:11)   письмо автору
 
   для: immortal727   (29.08.2011 в 11:05)
 

вместо margin-left с отрицательным значением примени position: relative; left: val;


#link  ul li.link_1{
    left:-30px;
    position: relative;
}

#link  ul li.link_2{
    left:-10px;
    position: relative;
}

  Ответить  
 
 автор: immortal727   (29.08.2011 в 14:48)   письмо автору
 
   для: Lelik   (29.08.2011 в 11:11)
 

Огромное спасибо за помощь. Действительно решило проблему в этом браузере. А то со вчера никак не мог решить эту задачу и сегодня с утра всё бился. И блок в блок вставлял, а вот чтобы так просто к ссылкам позиционирование применить никак в голову даже не пришло.

  Ответить  
 
 автор: Lelik   (30.08.2011 в 11:51)   письмо автору
 
   для: immortal727   (29.08.2011 в 14:48)
 

Это ИЕ6, там много фич интересных. Чтоб с ними быстрее справляться нужно почитать эту статью (это пригодится и для версти под последующие версии ИЕ)

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования