VPF::div в div-e - Форум программистов

Yagmort

Дата 31.5.2011, 12:20 (ссылка)

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

Загрузка ...

Опытный

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

Репутация: нет
Всего: -1

Подскажите, хочу сделать, чтобы блок a2 был внутри блока a1 и чтобы блок a1 выглядел ввиде рамки на блоке a2. Как сий эксиз реализовать ?

Код



<div id="disign">
    <div id="a1">
        <div id="a2">
        sjkfshhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
        sjkfshhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
        sjkfshhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
        sjkfshhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
        sjkfshhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
        sjkfshhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
        sjkfshhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
        sjkfshhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
        sjkfshhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
        sjkfshhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
        sjkfshhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
        sjkfshhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
        sjkfshhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
        sjkfshhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhsjkfshhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
        </div>
    </div>
</div>

Код


#disign
 {
    background:silver;
    text-align: justify;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: silver;
 }
 #disign div
 {
 width: 898px;
    margin: 0px auto;
    padding-right:10px;
    padding-left:10px;
    padding-top:10px;
    background: red;
 }
 #disign div div{
    float: right;
    padding: 5px 5px 10px 5px;
    background:    black;
    color:silver;
    width: 878px;

}

Это сообщение отредактировал(а) Yagmort - 31.5.2011, 12:29

SelenIT

Дата 31.5.2011, 12:30 (ссылка)

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

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

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

Проще всего убрать float у a2 (для чего он там?).

Если же float всё-таки для чего-то нужен, то clearfix или отдельный контекст форматирования для a1 на выбор (материалов по обоим способам куча, у каждого свои плюсы и минусы).

--------------------

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

Yagmort

Дата 31.5.2011, 12:58 (ссылка)

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

Загрузка ...

Опытный

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

Репутация: нет
Всего: -1

Цитата(SelenIT @ 31.5.2011, 12:30)

Все понял благодарю
smile

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