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

Дивы, подскажите кто знает.

12
Ткач
На сайте с 29.04.2007
Offline
95
Ткач
888 

<style>

 div.bg {

	 background: url(../images/modul/bg.jpg) repet-y; width: 225px;

}

div.bottom {

	background: url(../images/modul/bottom.jpg) no-repeat bottom; width: 225px; height: 27px;

}

div.top {

	background: url(../images/modul/top.jpg) no-repeat top; width: 225px; height: 24px;

}

</style>


<body>

<div class="bg"><div class="top"></div><div class="bottom">

			      

	<div class="datepad">texttexttext</div> 



 </div></div>

</body>

в эксплорере отображает корректно, в опере и в мазиле не виден бэкграунд, который посредине, между верхним и нижним бэкграундом.

Подскажите пожалуйста , где ошибка моя. Или какие то хаки нужны или вообще я наизнанку сделал всё...

Верстать в дивах я начинаю только.

Разработка и создание сайтов. Красиво, функционально, недорого. (http://time-online.ru/) ICQ 388-474-890)
MASe
На сайте с 17.09.2002
Offline
219
MASe
#1

div.bg {background: url(../images/modul/bg.jpg) repet-y; width: 225px;}

gпраильный синтаксис repeat-y

может быть в этом дело...

также используйте background-image вместо background

Only God Can Judge Me... Nobody Else... Дрезна (http://www.drezna.ru/) Помощники: Sape (http://www.sape.ru/r.167724536c.php)
dkameleon
На сайте с 09.12.2005
Offline
386
dkameleon
#2
MASe:
также используйте background-mage вместо background

не придумывайте, тут он всё корректно использовал.

у него единственная опечатка в repeat-y.

Дизайн интерьера (http://balabukha.com/)
Ткач
На сайте с 29.04.2007
Offline
95
Ткач
#3

Спасибо, стыдно такую ошибку самому пропустить конечно.

dkameleon, тебе отдельное спасибо, не первый раз откликаешься.

Исправил, в опере корректно отображать стало, а в мазиле почему то нет.

и если можно ещё один вопрос задам.

если я использую две колонки, одну из которых ставлю свойством 

float
,

IE и Opera нормально отображают, а в Mozilla основной текст залезает на плавающий блок.

eTarget 2011:Панельная дискуссия «Стратегия eTarget 2011: Круглый стол Могут ли «плохие» входящие
MASe
На сайте с 17.09.2002
Offline
219
MASe
#4
dkameleon:
не придумывайте, тут он всё корректно использовал.
у него единственная опечатка в repeat-y.

кхм... ну как сказать...

я тоже так думал, пока не столкнулся с тем, что у меня в диве лежал бэком фон, а также нерепитящаяся картинка в правом угле...

мозила и опера исправно не показывали ее...

как только для цвета использовал background-color (причем в строке стилей перед указанием бэк-имадж), a для картинки background-image - все стало работать...

есть же в конце концов спецификация...

eTarget 2011:Панельная дискуссия «Стратегия eTarget 2011: Круглый стол Могут ли «плохие» входящие
Ткач
На сайте с 29.04.2007
Offline
95
Ткач
#5

MASe,

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

прописать

background: url(../images/modul/bottom.jpg) no-repeat bottom;

то отобразит корректно, если

background-image: url(../images/modul/bottom.jpg) no-repeat bottom;

то не корректно, при такой записи необходимо тогда уже каждый параметр прописывать отдельной полной записью, а это знаете ли будет довольно громоздкий труд, всё же и текст.

eTarget 2011:Панельная дискуссия «Стратегия eTarget 2011: Круглый стол Могут ли «плохие» входящие
dkameleon
На сайте с 09.12.2005
Offline
386
dkameleon
#6
MASe:

есть же в конце концов спецификация...

Точно:

http://www.w3schools.com/css/css_background.asp

dkameleon
На сайте с 09.12.2005
Offline
386
dkameleon
#7
Ткач:

IE и Opera нормально отображают, а в Mozilla основной текст залезает на плавающий блок.

Поставь у второго блока Марджин на ширину флоат блока.

Хоть лучше увидеть ситуацию целиком.

Ткач
На сайте с 29.04.2007
Offline
95
Ткач
#8

dkameleon,

ещё раз спасибо, помогло.

Осталось допереть только с фоном в мозилле ))

dkameleon
На сайте с 09.12.2005
Offline
386
dkameleon
#9
Ткач:
Осталось допереть только с фоном в мозилле ))

а показать?

Ткач
На сайте с 29.04.2007
Offline
95
Ткач
#10

dkameleon,

style:


div.datemodbg {

	 background: url(../images/modul/datemodbg.jpg) repeat-y; width: 225px;

}

div.datemodin {

	background: url(../images/modul/datemodbottom.jpg) no-repeat bottom; width: 225px; height: 27px;

}

div.datemod {

	background: url(../images/modul/datemodtop.jpg) no-repeat top; width: 225px; height: 24px;

}

div.datepad, div.datepadakt {

   padding-left: 16px;

   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

   font-size: 11px; text-transform: uppercase;



div.mesmod {

   padding-left: 50px; color: White; 

   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; 

}

div.mesmod a {

   color: #FFFFFF; text-decoration: none; <!--ну и там по ссылкам-->

}

body: 


            

<div class="datemodbg"><div class="datemod"></div><div class="datemodin">

<div class="datepad">блабла</div>

<div class="modmarg"><div class="mesmod">11111</div></div>

<div class="modmarg"><div class="mesmod">11111</div></div>

</div></div>

смысл в том, что я ставлю вертикально бэкграунд... Вверху закругленным рисунком и внизу, а посредине где располагается длинный текст , он должен быть написан на растянутом промежуточном bg

так вот в мозилле ну никак это не получается

eTarget 2011:Панельная дискуссия «Стратегия eTarget 2011: Круглый стол Могут ли «плохие» входящие
12

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