Как убрать это белое пространство?

Статус
Закрыто для дальнейших ответов.

Kyzia

Active Member
Регистрация
24.09.2009
Сообщения
32
Не могу убрать вот это белое пространство что справа под меню


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

Код:
<body>

<div id="wrapper">

	<div id="header">
	
    </div><!-- #header-->

	<div id="middle">
		<div class="elips"> 
			<div id="container">
        		<div class="top_main"> 
        			<div class="top_cont"> 
        		    ...jjkjhkjhkjhkjh 
        			</div><!-- .top_cont -->
            		<div class="top_cont_plus"> </div> <!--.top_cont_plus-->
             	</div> <!--top_main-->  
                 
        	<div id="content">
Захисник «Динамо» Бадр Ель Каддурі на початку сезону отримав неприємну травму, через яку вимушений був пропустити практично півроку. Пройшовши відновлювальний курс, марокканський легіонер готовий боротися за повернення до основного складу команди.

- Бадре, як проходять перші тренувальні дні в Португалії?

- Досить важко, особливо враховуючи дощову погоду і мокре поле, на якому доводиться тренуватися. Утім, скаржитися не доводиться, оскільки тренувальні збори завжди були непростим періодом для футболіста, а з поновленням чемпіонату вже буде набагато легше.

- У порівнянні з першим збором, які зміни в тренувальному процесі?

- Якщо перші збори були присвячені відновленню фізичних кондицій після відпускного періоду, то зараз до цього додалися тактичні вправи, більше стали працювати з м’ячем. 

- На якій позиції награє вас Валерій Газзаєв?

- У тренувальних іграх Валерій Георгійович хоче подивитися на мене на різних позиціях – як у захисті, так і в середній лінії. На будь-якій із пропонованих позицій почуваю себе достатньо комфортно. Втім, головний тренер має сам визначити, де я буду приносити 
максимальну користь для команди.

- У кожній з ліній у «Динамо» висока конкуренція. Готові до боротьби за місце в основному складі?

- Якби я не був готовий до конкуренції, то не грав би в «Динамо» впродовж семи років. Тому боротьбою за місце в основному складі мене налякати не можна.

- Ви пропустили практично всю першу частину сезону. Наслідків травми вже не відчуваєте?

- Відновлення пройшло добре, тому зараз можу тренуватися без обмежень. Звичайно, неприємно, що, добре розпочавши сезон, довелося пропустити тривалий період часу, але футболу без травм не буває. Зараз важко входити до робочого ритму, але приємно знову знаходитися разом із хлопцями.

- Чим займали себе під час відновлювального періоду?

- Перш за все, насолоджувався спілкуванням із дружиною та дитиною. Це справді допомагає в психологічному плані впоратися з наслідками травми.

- На першому зборі команді протистояли не дуже сильні суперники. Готові до поєдинків з більш серйозними опонентами в Португалії?

- Оскільки в Ізраїлі основний акцент робився на фізичні навантаження, було б неправильно відразу грати з сильними командами. А зараз необхідно відпрацьовувати тактичні схеми, які тренер пропонує нам на тренуваннях, тому сильні опоненти в контрольних матчах якраз доречні.

- У перші дні в команди по два тренування на день. Як проводите вільний час?

- Відпочиваю (посміхається). Якщо з’являється вільна хвилинка, прагну поговорити по телефону з рідними та близькими – дружиною, батьками, друзями. На більше після дворазових тренувань сил просто не залишається.

Юрій Вишневський, Інформаційний відділ ФК «Динамо» (Київ), з Фаро (Португалія)
			</div><!-- #content-->
            <div class="bot_main"> 
        			<div class="bot_cont"> 
        		    
        			</div><!-- .top_cont -->
            		<div class="bot_cont_plus"> </div> <!--.top_cont_plus-->
             	</div> <!--top_main-->
            
		</div> <!--elips-->            
			</div><!-- #container-->

		<div class="sidebar sr">
        		<div class="top_bar"> </div>
                <div class="bot_bar"> Диски <br /> Резина <br /> Прочее <br />
                
                
                </div> <!--.bot_bar-->
                <div class="black_bar"> </div>
        
        
        </div> <!-- .sidebar.sr -->
	  

	</div><!-- #middle-->

	<div id="footer">

	</div><!-- #footer -->

</div><!-- #wrapper -->

</body>
</html>
Код:
* {
	margin: 0;
	padding: 0;
}
body {
	font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
	width: 100%;
	background-image:url(file:///C|/WebServers/home/mot.cc/www/templates/moto_html/images/tin.png);
	background-repeat: repeat-y;
	background-position: 50%;
	background-color:#920d0d;
}
a {
	color: blue;
	outline: none;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
p {margin: 0 0 18px}
img {
	border: none;
}
input {vertical-align: middle}
#wrapper {
	width: 1000px;
	margin: 0 auto;
}


/* Header
-----------------------------------------------------------------------------*/
#header {
	height: 218px;
	background-image:url(file:///C|/WebServers/home/mot.cc/www/templates/moto_html/images/header.png);
	
}


/* Middle
-----------------------------------------------------------------------------*/
.top_main {
	width: 734px;
	height:29px;
	background-color:#8c8c8c;
	
	
}

.top_cont {
	width:17px;
	height:29px;
	background-image:url(file:///C|/WebServers/home/mot.cc/www/templates/moto_html/images/main_top_left.png);
	background-repeat:no-repeat;
	float:left;
	color:#8c8c8c;
	
}


.top_cont_plus {
	width:53px;
	height:29px;
	background-image:url(file:///C|/WebServers/home/mot.cc/www/templates/moto_html/images/main_top_right.png);
	float:right;

}

.bot_main {
	width:734px;
	height:16px;
	background-color:#8c8c8c;
}

.bot_cont {
	background-image:url(file:///C|/WebServers/home/mot.cc/www/templates/moto_html/images/main_bootom_left.png);
	background-repeat:no-repeat;
	float:left;
	width:16px;
	height:16px;
}

.bot_cont_plus {
	width:14px;
	height:16px;
	background-image:url(file:///C|/WebServers/home/mot.cc/www/templates/moto_html/images/main_bootom_right.png);
	float:right;
	
	
}


#middle {
	width: 96%;
	height: 1%;
	margin-left:40px;
	
	
}
#middle:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
#container {
	width: 100%;
	float: left;
	overflow: hidden;
}
#content {
	padding: 0 270px 0 0;
	background-color:#ffffff;
	border: thin #0000CC thick;
}

/* Sidebar Right
-----------------------------------------------------------------------------*/
.sr {
	float: left;
	margin-right: -3px;
	width: 226px;
	margin-left: -226px;
	position: relative;
	background: #FFACAA;
}

.top_bar {
	width:226px;
	height:159px;
	background-image:url(file:///C|/WebServers/home/mot.cc/www/templates/moto_html/images/bar_top.png);
	background-repeat: no-repeat;
}

.bot_bar {
	width:226px;
	background-color:#000000;
	color:#8c8c8c;
}

.black_bar {
	border: #0000CC thin solid;
	min-height:100%;
	height:100%;
	background-color:#000000;
	
}


/* Footer
-----------------------------------------------------------------------------*/
#footer {
	height: 118px;
	background-image:url(file:///C|/WebServers/home/mot.cc/www/templates/moto_html/images/footer.png);
	background-repeat:no-repeat;
}
 

tigra60

Спасатель
Регистрация
10.12.2009
Сообщения
1 990
Простейшее решение "в лоб" - обернуть контент в еще один див с негативным марджином:
CSS
Код:
#content {
        padding: 0 270px 0 0;
        background-color:#ffffff;
        border: thin #0000CC thick;
/* начиная отсюда - добавление */
	margin-right:226px;
}
#content div {
	margin-right:-226px;
}
/* конец добавления */
HTML
Код:
<div id="content">
    <div>
      Захисник «Динамо» Бадр Ель Каддурі...
      ...
      ...Інформаційний відділ ФК «Динамо» (Київ), з Фаро (Португалія)
    </div>
</div><!-- #content-->
Настоятельно рекомендую прочитать вот это:
http://tigra60.kiev.ua/client/index.php?id=1
Удачи!
 

gor

Well-Known Member
Регистрация
10.04.2009
Сообщения
306
Можна сделать имитацию,div[блок-обгортка]= background:"url('полоска заданой ширины') repeat-y right"
Height и min-height, тоже не отменялись, если высота не в абсолютных значениях, а в процентах,все родительские элементы вверх по иерархии(вплоть до body и html) должны тоже иметь значение высоты.

Простейшее решение "в лоб" - обернуть контент в еще один див с негативным марджином:
CSS
Код:
#content {
        padding: 0 270px 0 0;
        background-color:#ffffff;
        border: thin #0000CC thick;
/* начиная отсюда - добавление */
	margin-right:226px;
}
#content div {
	margin-right:-226px;
}
/* конец добавления */
HTML
Код:
<div id="content">
    <div>
      Захисник «Динамо» Бадр Ель Каддурі...
      ...
      ...Інформаційний відділ ФК «Динамо» (Київ), з Фаро (Португалія)
    </div>
</div><!-- #content-->
Настоятельно рекомендую прочитать вот это:
http://tigra60.kiev.ua/client/index.php?id=1
Удачи!
А все таки проще будет
Код:
#content {
        margin: 0 226px 0 0;
        background-color:#ffffff;
        border: thin #0000CC thick;
}
Если доктайп XHTML,
 

Kyzia

Active Member
Регистрация
24.09.2009
Сообщения
32
спасибо всем! Я все таки сделал полоску, и прорепидил её по правой стороне :rolleyes:
 

maq1

Member
Регистрация
09.02.2010
Сообщения
11
Попробуй задать фиксированную ширину <div> в css (там где расположен контент)
 
Статус
Закрыто для дальнейших ответов.
Верх Низ