Как да се преборя с изруда IE ( проблем с spacer под IE)

[nzhul12]

Така става дума за spacer div така който се намира до навигацията в дясно, който служи за запълване на свободното място ...
Всички си работи като хората под Firefox, Chrome, Safari, но ето какво е полужението в Internet Explorer.

А така трябва да е нормално:

ето кода (html):

	<div id="nav_container">
			<div id="navigation">
				<a id="home" href="#" ></a>
				<a id="tutorials" href="#" ></a>
				<a id="blog" href="#" ></a>
				<a id="forum" href="#" ></a>
				<a id="about" href="#" ></a>
				<a id="contact" href="#" ></a>
			</div>
			<div id="spacer"></div>
	</div>

и css съответно:

body
{
	background: #fff;
	margin: 0;
}
#navigation a
{
	float:left ;
	padding-right: 1px;
	outline: none;
}



#nav_container
{
	width: 100%;
	height: 59px;
}
#spacer
{
	width: 100%;
	height: 59px;
	background: url('images/nav/nav_bg.gif');
}

Пропуснал съм част от кода, който се подразбира според мен ... ако е нужно ще го постна целия.

 

[peter3d]

махни му width: 100%

и направи:

background: url('images/nav/nav_bg.gif');
background-repeat: repeat-x

 

[dashe]

#nav_container 
{ 
   width: 100%; 
   height: 59px; 
   background: url('images/nav/nav_bg.gif');
}

Ии..

   <div id="nav_container"> 
         <div id="navigation"> 
            <a id="home" href="#" ></a> 
            <a id="tutorials" href="#" ></a> 
            <a id="blog" href="#" ></a> 
            <a id="forum" href="#" ></a> 
            <a id="about" href="#" ></a> 
            <a id="contact" href="#" ></a> 
         </div> 
   </div>

Така пробвал ли си ?

 

[nzhul12]

Да бе вярно съвсем съм изключил да добавя repeat-x
Остана само някаква малка бяла черта ама предполагам, че с margin ще се оправи ... утре
Мерси.

 

[shterev]

защо просто тези всички елементи на менуто не ги сложиш в един друг див , който да няма width , следователно ще се разпъне от край до край и после да му зададеш картинката за цвят , че ще си спестиш много главоболия.Ако питаш ме тоя ти подход на структура не е правилен, да запълваш с допълнителни дивове

 

[nzhul12]

защо просто тези всички елементи на менуто не ги сложиш в един друг див , който да няма width , следователно ще се разпъне от край до край и после да му зададеш картинката за цвят , че ще си спестиш много главоболия.Ако питаш ме тоя ти подход на структура не е правилен, да запълваш с допълнителни дивове

Ами предполагам, че си прав ... ще го пробвам ... то аз от скоро ръчкам CSS та не съм много навътре с нещата.