Форум Сайтостроение Веб-строительство

Вопрос по верстке

DU
На сайте с 02.10.2008
Offline
41
DIMAZRU
437

Имеется код:

#right{
float: right;
width: 250px;
}
#top-top{
background: url(../img/top-top.jpg)  no-repeat; 
height: 227px; 
}
#top-s{
background: url(../img/top-s.jpg)  repeat-y;
padding-left: 50px;
padding-right: 40px;
color: #ffffff; 
line-height:30px;
}
#top-b{
background: url(../img/top-b.jpg)  no-repeat; 
height: 34px; 
}

<div id="right">
<div id="top-top">
</div>
<div id="top-s">
текст
</div>
<div id="top-b">
</div>
</div>

Нужно поднять текст повыше, с заходом на <div id="top-top">. Вопрос, как?

margin-top:-100px; не работает

Российский регистратор Reggi.ru .com .biz .org по 12$ + Бесплатный whois protect (http://www.reggi.ru?pid=6040)
kikimor
На сайте с 22.09.2005
Offline
124
kikimor
#1
DIMAZRU:
Имеется код: 

#right{

float: right;

width: 250px;

}

#top-top{

background: url(../img/top-top.jpg)  no-repeat; 

width: 250px; 

height: 227px; 

}

#top-s{

background: url(../img/top-s.jpg)  repeat-y;

padding-left: 50px;

padding-right: 40px;

color: #ffffff; 

line-height:30px;

}

#top-b{

background: url(../img/top-b.jpg)  no-repeat; 

width: 250px; 

height: 34px; 

}


<div id="right">

<div id="top-top">

</div>

<div id="top-s">

текст

</div>

<div id="top-b">

</div>

</div>


Нужно поднять текст повыше, с заходом на <div id="top-top">. Вопрос, как?

margin-top:-100px; не работает

А не пробовали - position:absolute?

DU
На сайте с 02.10.2008
Offline
41
DIMAZRU
#2

kikimor, position:absolute для #top-s? Тогда фон #top-s перекроет фон #top-top, что нежелательно

kikimor
На сайте с 22.09.2005
Offline
124
kikimor
#3

Можно назначить фон диву райт. Позицию у топ-с сделать наследуемой relative - там у Вас останется только текст. Тогда фон топ-топ и топ-б будут накладываться.

DU
На сайте с 02.10.2008
Offline
41
DIMAZRU
#4

kikimor, спасибо, получилось :)

DIMAZRU добавил 08.10.2010 в 11:36

И еще вопрос, как убрать торчащий снизу кусок фона #right?

kikimor
На сайте с 22.09.2005
Offline
124
kikimor
#5
DIMAZRU:
kikimor, спасибо, получилось :)

DIMAZRU добавил 08.10.2010 в 11:36
И еще вопрос, как убрать торчащий снизу кусок фона #right?

Хм, можно изменить высоту блока, можно сместить нижний блок к нижней границе родителя. Можно сделать див с картинкой - градиентом (гиф или пнг) и наложить ее на нижнюю границу, хотя это не совсем правильно. Все от общего дизайна зависит. Тут лучше поэкспериментировать.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий