Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Не полное наложение фона в div.

Автор: Dima85 25.1.2012, 08:57

Если в 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

А для чего сделано абсолютное позиционирование .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;
}

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

Автор: superhans 31.1.2012, 16:45

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

Автор: skillhigh 1.2.2012, 21:34

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