Показать сообщение отдельно
  #8 (permalink)  
Старый 21.02.2013, 00:25
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Вот оно, чудо из чудес! И ни капли скриптов! Самая что нинаесть магия!
<!DOCTYPE html><!-- с доктайпом на душе спокойнее -->
<title>Тайтл</title><!-- тайтл должен быть в любом документе -->
<style>
    body{
        scrollbar-base-color: #fafafa;
        scrollbar-face-color: #000000;
        scrollbar-3dlight-color: #202020;
        scrollbar-arrow-color: #ffffff;
        scrollbar-darkshadow-color: #202020;
        scrollbar-shadow-color: #000000;
    }
    .wrapper{
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        text-align: center;
        background: rgba(0,0,0,0.05); /* для наглядности */
    }
    .banner{
        display: inline-block;
        background: rgba(255,0,0,0.4); /* для наглядности */
        padding: 30px;
        border: 1px solid red;
    }
</style>
<body>
    <div class="wrapper">
        <div class="banner">Я - баннер!</div>
    </div>
    <article>
        <p>Контент</p>
        <p>Много контента</p>
        <p>Контент</p>
        <p>Много контента</p>
        <p>Контент</p>
        <p>Много контента</p>
        <p>Контент</p>
        <p>Много контента</p>
        <p>Контент</p>
        <p>Контент</p>
        <p>Много контента</p>
        <p>Контент</p>
        <p>Много контента</p>
        <p>Контент</p>
        <p>Много контента</p>
        <p>Контент</p>
        <p>Много контента</p>
        <p>Контент</p>
        <p>Контент</p>
        <p>Много контента</p>
    </article>
</body>

Последний раз редактировалось danik.js, 21.02.2013 в 18:26.
Ответить с цитированием