div bg problem

slipkahh · December 9, 2009

Скрин с разрезкой сайта, собственно, вопрос телезрителей: как бэкграунд сделать цельненьким? т.е. чтобы не было серых областей под второй и третьей слева колонок.

http://img260.imageshack.us/img260/1663/bg1j.jpg

Засунул все дивы в див, назовем его box, для него прописал бекграунд, но толку ноль, как будто его вообще нет.

В чем теор. может быть ошибка.

На всякий прикреплю еще текст.

<body>
<div id="page">
   <div id="header">
	   пэхэпэшечка
   </div>
   <div id="123">
	 <div id="content">
		  пэхэпэшечка
	  </div>
	  <div id="sidebar2">
		   пэхэпэ
	  </div>
	  <div id="sidebar">
		   пэхэпэ
	  </div>
   </div>
   <div id="footer">
	  пэхэпэ
  </div>
</div>
</body>

сss

#sidebar
		{   
	padding: 10px 5px 10px 5px;
	margin: 0px 0px 0px 0px;
	width: 280px;
	background: url('images/bg-sidebar1.jpg') repeat top right;
	float: left;
	height: 100%;
	}

#sidebar2
	   {   
		padding: 20px 0px 10px 5px;
	margin: 0px 0px 0px 0px;
	width: 257px;
	background: #000000 url('images/bg-sidebar.jpg') repeat top left;
	float: left;
	}
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #cccccc;
	color: #333;
	text-align: center;
	}
#footer
		{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px -7px;
	background: url('images/bg-footer.jpg') no-repeat bottom center;
	width: 1100px;
	clear: both;
	height: 170px;
	}
#123 {
		 background-color: url('images/bg-sidebar.jpg') repeat bottom right;
		 }
#content 
		 {
		 margin-left: -8px;
		 width: 530px; 
	 font-size: 1.2em; 
	 padding: 0px 10px 0px 10px; 
	   	float: left; 
	 background: url('images/content.jpg') repeat top left;
	}

вроде все, если идея в корне не верна, как можно еще сделать?

Знатокам заранее спасибо, телезрители воскуривают

psywalker · December 9, 2009

а на Боди фон повесить слабо?

slipkahh · December 9, 2009

а на Боди фон повесить слабо?

если на боди вешать целиковую картинку - то слишком тяжело выйдет, если вешать рипит, то над хедером и под футером будет ж*па.

psywalker · December 9, 2009

http://psywalker.ru/Forum/shadow/Untitled-1.html

Сделай под себя, справа и слева пусти фон, у подвала сделай тоже самое

slipkahh · December 9, 2009

еще варианты есть какие-нибудь?

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

почему при прописывании к div 123 он не реагирует вообще никак, ведь в разы юзабельней прописать к диву.

psywalker · December 9, 2009

еще варианты есть какие-нибудь?
рипитом не получится вообще никак, ибо у меня там должна быть белая полоска, пока ед. вариант это целиковой картинкой.
почему при прописывании к div 123 он не реагирует вообще никак, ведь в разы юзабельней прописать к диву.

1) Я тебе дал вариант, чем не устраивает?

2) У тебя сайт фикс или резина?

mishka · December 9, 2009

А разве можна давать классы и айдишники начинающиеся с цыфр?

psywalker · December 9, 2009

А разве можна давать классы и айдишники начинающиеся с цыфр?

Я кстати код не смотрел, но присоединяюсь к вопросу

s0rr0w · December 9, 2009

Нет, нельзя.

psywalker · December 9, 2009

Нет, нельзя.

Это понятно, хотелось бы это у ТС спросить просто

slipkahh · December 10, 2009

ну вот один косяк нашелся с цифрами, даже второй нашелся, у меня прописано в css background-color: url(...);

тем не менее, все еще не работает.

psywalker, резина.

psywalker · December 10, 2009

ну вот один косяк нашелся с цифрами, даже второй нашелся, у меня прописано в css background-color: url(...);
тем не менее, все еще не работает.
psywalker, резина.

1) Ты о какой белой полосе говорил? Та, что по краям идёт сверху вниз, слева и справа? Как бы Бордер такой?

slipkahh · December 10, 2009

1) Ты о какой белой полосе говорил? Та, что по краям идёт сверху вниз, слева и справа? Как бы Бордер такой?

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

psywalker · December 10, 2009

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

Так не вопрос, я же тебе дал ссылку http://psywalker.ru/Forum/shadow/Untitled-1.html

1) Также растягиваешь сайт, подвал внизу, делаешь ширину какую хочешь.

2) По левому краю пускаешь один бордер, по правому растягиваешь Див абсолютом, сверху вниз, ему другой бордер.

3) В подвал вставляешь ещё один див или два, и уже украшаешь как надо

slipkahh · December 11, 2009

мне безумно стыдно, но когда я говорил, что у меня резина, я наглым образом наврал, у меня фикс сайз.

psywalker · December 11, 2009

мне безумно стыдно, но когда я говорил, что у меня резина, я наглым образом наврал, у меня фикс сайз.

1) Обманывать нехорошо

2) Тогда ещё легче, на тянущийся блок ты вешаешь фикс полоску, а с футером уже работаешь, как я написал выше

slipkahh · December 13, 2009

крайне извиняюсь, забыл сказать спасибо :rolleyes:

тему можно сносить

psywalker · December 13, 2009

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

Пожалуйста, а тема пусть живёт

Sign In

div bg problem

Question

Link to comment

Share on other sites

17 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information