VPF::Не полное наложение фона в div. - Форум программистов

Dima85

Дата 25.1.2012, 08:57 (ссылка)

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

Загрузка ...

Опытный

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

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

Если в div.info больше текста чем в div.margin то div.info вылезает из за div.post, это очень заметно т.к. в div.post прописан фон. Подскажите как этого избежать? Как сделать так что б он не вылазил из за формы div.post?

Код


<div class="post">
<div class="info">text1</div>
<div class="margin">text2</div>
</div>

Код


.post {
    background: url("/bg.png") repeat scroll 0 0 transparent;
    margin-bottom: 30px;
    position: relative;
    text-align: left;
}


.post .info {
    left: 30px;
    position: absolute;
    text-align: left;
    top: 30px;
    width: 230px;
}

.post .margin {
    padding: 30px 30px 30px 290px;
}

liliana2

Дата 25.1.2012, 11:07 (ссылка)

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

Загрузка ...

Бывалый

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

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

А для чего сделано абсолютное позиционирование .post .info?
На данный момент вообще не совсем понятно что именно вы хотите добиться в итоге. но если я поняла верно, то вот такое решение вам нужно

Код


.post {
    background: red;
    margin-bottom: 30px;
    position: relative;
    text-align: left;
    min-height: 20px;
    overflow: hidden;
}
.post .info {
    float: left;
    margin: 30px 0 0 20px;
    text-align: left;
    width: 230px;
}
.post .margin {
    min-width: 290px;
    width: 75%;
    max-width: 590px;
    float: left;
    padding: 30px;
}

Старайтесь не использовать абослютное позиционирование, особенно там где оно так грубо как здесь неоправдано

Это сообщение отредактировал(а) liliana2 - 25.1.2012, 11:12

superhans

Дата 31.1.2012, 16:45 (ссылка)

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

Загрузка ...

Новичок

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

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

class="margin" по меняй и все

skillhigh

Дата 1.2.2012, 21:34 (ссылка)

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

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 5
Регистрация: 1.2.2012
Где: Москва

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

Спасибо за топик

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