Проблема с бэкграундом

[svdsLis]

Не отображаются бэки, всё перепробывал:

HTML:

<div id="container">

<div id="border_top_left"></div>

<div id="border_top_center">

<img src="http://dota-blog/wp-content/themes/worldofdota/images/top_left_b.gif" align="left" alt="" />

<img src="http://dota-blog/wp-content/themes/worldofdota/images/top_right_b.gif" align="right" alt="" />

</div>

<div id="border_top_right"></div>

</div>

CSS:

html,body{margin:0;padding:0;background-color:#000000}

#container{margin:0 auto;width:950px}

#border_top_left{width:35px;display:inline;background:url(images/top_left_a.gif) no-repeat}

#border_top_center{width:880;display:inline;background:url(images/top_bg.gif) repeat-x}

#border_top_right{width:35px;display:inline;background:url(images/top_right_a.gif) no-repeat}

Edited April 12, 2009 by svdsLis

[Nekromancer]

может проблема в пути к файлы? попробуй так

#border_top_left{width:35px;display:inline;background:url(/wp-content/themes/worldofdota/images/top_left_a.gif) no-repeat}
#border_top_center{width:880;display:inline;background:url(/wp-content/themes/worldofdota/images/top_bg.gif) repeat-x}
#border_top_right{width:35px;display:inline;background:url(/wp-content/themes/worldofdota/images/top_right_a.gif) no-repeat}

[svdsLis]

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

[Nekromancer]

мм.. токо сейчас заметил..

место display:inline; поставь display:inline-block;

[svdsLis]

Спасибо помогло, добавил параметр height и стало отображаться. И ещё вопрос, есть <div id""><img align="top"><img align="bottom"></div>

Изображения не позиционируется по краям, остаётся пространство как его убрать?

Edited April 12, 2009 by svdsLis

[Searcher]

align="top" и align="bottom" таких параметров не существует

[Nekromancer]

Врёшь! Не уйдёшь!

Синтаксис

<img align="bottom | left | middle | right | top">

http://htmlbook.ru/html/img.html

UPD: покажи пример как пространство остаётся..

[s0rr0w]

Изображения не позиционируется по краям, остаётся пространство как его убрать?

http://forum.htmlbook.ru/index.php?showtopic=13589

Тут смотрел?

[Searcher]

Врёшь! Не уйдёшь!

Синтаксис

<img align="bottom | left | middle | right | top">

http://htmlbook.ru/html/img.html

UPD: покажи пример как пространство остаётся..

Я имел ввиду HTML выше 3.2

[Nekromancer]

[JIucky]

И ещё вопрос, есть <div id""><img align="top"><img align="bottom"></div>

Изображения не позиционируется по краям, остаётся пространство как его убрать?

укажи высоту для <img/> и ссылку в студию, так на вскидку много не поможешь)

[svdsLis]

Вот код, а проблемы в следующем: есть div id="test" который устанавливает заданную высоту, только пытаюсь сделать процентную высоту - всё ломается, нужно что бы div="left,maincontainer,right" были резиновыми, вернее растягивались параллельно с maincontainer, где будет находиться онтент. В дивах left,right нахоядтся по два изображения выравнивание которых идёт top/bottom. Выравниваются только top изображения другие находятся где по середине дивов.

<div id="container">
		 <div id="border_top_left"></div>
		 <div id="border_top_center">
			 <img src="/wp-content/themes/worldofdota/images/top_left_b.gif" align="left" alt="" />
			 <img src="/wp-content/themes/worldofdota/images/top_right_b.gif" align="right" alt="" />
		 </div>
		 <div id="border_top_right"></div>
		 <div id="test">
		 <div id="border_left">
			 <img src="/wp-content/themes/worldofdota/images/left_top.gif" align="top" alt="" />
			 <img src="/wp-content/themes/worldofdota/images/left_bottom.gif" align="bottom" alt="" />
		 </div>
		 <div id="maincontainer"><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></div>
		 <div id="border_right">
		 	 <img src="/wp-content/themes/worldofdota/images/right_top.gif" align="top" alt="" />
			 <img src="/wp-content/themes/worldofdota/images/right_bottom.gif" align="bottom" alt="" />
		 </div>
		 </div>
		 <div id="border_bottom_left"></div>
		 <div id="border_bottom_center">
			 <img src="/wp-content/themes/worldofdota/images/bottom_left_b.gif" align="left" alt="" />
			 <img src="/wp-content/themes/worldofdota/images/bottom_right_b.gif" align="right" alt="" />
		 </div>
		 <div id="border_bottom_right"></div>
</div>

#container{margin:0 auto;width:950px}
/*Border TOP*/
#border_top_left{width:35px;height:35px;float:left;display:inline-block;background:url(images/top_left_a.gif) no-repeat}
#border_top_center{width:880px;height:35px;float:left;display:inline-block;background:url(images/top_bg.gif) repeat-x}
#border_top_right{width:35px;height:35px;display:inline-block;background:url(images/top_right_a.gif) no-repeat}
/*End*/
#border_left{width:35px;height:100%;float:left;display:inline-block;position:relative;background:url(images/left_bg.gif) repeat-y}
#maincontainer{width:880px;height:100%;float:left;overflow:visible;display:inline-block;background-color:#333333}
#border_right{width:35px;height:100%;display:inline-block;position:relative;background:url(images/right_bg.gif) repeat-y}
/*Border BOTTOM*/
#border_bottom_left{width:35px;height:35px;float:left;display:inline-block;background:url(images/bottom_left_a.gif) no-repeat}
#border_bottom_center{width:880px;height:35px;float:left;overflow:hidden;display:inline-block;background:url(images/bottom_bg.gif) repeat-x}
#border_bottom_right{width:35px;height:35px;display:inline-block;background:url(images/bottom_right_a.gif) no-repeat}
/*End*/
#test{height:500px;}