VPF::Проблема в IE7 при position:absolute - Форум программистов

NDenis

Дата 28.6.2009, 19:47 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 317
Регистрация: 14.12.2007

Репутация: 8
Всего: 8

Есть небольшой код:

Код


<div id="header"><!-- Header Block -->
        <h1 class="slogan pngFix"><img src="_i/konkurs_text.png" alt="Фотоконкурс За красивые глазки - Суперпризы за красивые глазки" /></h1>
        <div class="profile pngFix"><!-- User Profile -->
            <p class="mailto"><a href="mailto:[email protected]">[email protected]</a></p>
            <form action="#" id="profileForm" name="profileForm" method="post">
                <fieldset>
                    <dl>
                        <dt><label>Логин</label></dt>
                        <dd><input class="p_login" type="text" name="login" value="" /></dd>
                        <dt><label>Пароль</label></dt>
                        <dd><input class="p_pass" type="text" name="pass" value="" /></dd>
                    </dl>
                </fieldset>
                <input class="p_enter" type="image" src="_i/entrance.png" />
            </form>
            <p class="reg"><a class="fg_pass" href="#" title="Забыли пароль?">Забыли пароль?</a><a class="get_reg" href="#" title="Регистрация">Регистрация</a></p>
        </div><!-- END User Profile -->
        <div class="nav">
            <ul>
                <li><a href="#" title="Правила участия"><img src="_i/nav_rules.png" alt="" /></a></li>
                <li><a href="#" title="Линзы - участники конкурса"><img src="_i/nav_uchastniki.png" alt="" /></a></li>
                <li><a href="#" title="Рейтинг участников"><img src="_i/nav_rating.png" alt="" /></a></li>
                <li><a href="#" title="Фотогалерея"><img src="_i/nav_photo.png" alt="" /></a></li>
                <li><a href="#" title="Призы"><img src="_i/nav_priz.png" alt="" /></a></li>
            </ul>
        </div>
    </div><!-- END Header Block -->

Код


#header { position:relative; }
#header h1 {
    background:url(../_i/h_stars.png) no-repeat 100% 11px;
    float:left;
    font-size:1.8em;
    font-weight:normal;
    height:119px;
    padding-left:15px;
    position:relative;
    width:615px;
}
    #header h1 img {
        position:absolute;
        top:0;
        left:15px;
    }
.profile {
    background:url(../_i/profile_bg.png) no-repeat 0 0;
    height:184px;
    position:absolute;
    top:11px;
    right:-16px;
    width:326px;
    z-index:10;
}

Проблема в блоке .profile. При задании для него position:absolute, блок пропадает. Не могу понять, что за бага.

bars80080

Дата 28.6.2009, 21:19 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315

о! это интересная бага, и впервые я её наблюдал, когда пытался пристроить несколько так называемых "решений" по созданию полупрозрачного пнг в ИЕ. в чём там проблема, я так и не выяснил, решил написанием собственных парочки функций, которые подкладывали под слой страницы ещё один - полупрозрачный. разница с "решениями" была одна - я там знал, что и как работает (чисто на js), и потому оно работало как надо

могу только посоветовать попытаться насильно указать left, top для блока, но имхо не поможет

NDenis

Дата 28.6.2009, 21:43 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 317
Регистрация: 14.12.2007

Репутация: 8
Всего: 8

bars80080, я с такой проблемой столкнулся 2 раз, но впервые это было в IE6. Там по-моему помогло overflow и zoom. Но здесь что-то непонятное.

UP:, а ларчик просто открывался. Не знаю зачем, но указывал для #header h1 { float:left; }. Убирая его, все появляется на на месте.
Вывод только один. Надо внимательнее писать код.

Это сообщение отредактировал(а) NDenis - 28.6.2009, 21:51

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »