Правильное отоброжение в ИЕ6

Mal4ishnik · December 21, 2009

Мне необходимо картинку(хедер) порезать на три дива, вот код

<style>
body{
	width:1000px;
}
 #Header_01 {
	 background: transparent url(Header_01.png) no-repeat scroll center center;
	 height:140px;
	 width:210px;
	float:left;
 }
  #Header_02 {
	 background: transparent url(Header_02.png) repeat-x scroll center center;
	 height:140px;
	 width:609px;
	margin:0 0 0 210px;
 }
  #Header_03 {
	 background: transparent url(Header_03.png) no-repeat scroll center center;
	 height:140px;
	 width:181px;
	 float:right;
 }
</style>
</head>
<body>
<div id="Header_01"></div>
<div id="Header_03"></div>
<div id="Header_02"></div>
</body>
</html>

а вот результат в Мозиле и ИЕ6:

Как сделать так чтобы центральный див <div id="Header_02"></div> не ехал вниз, а оставался на месте как в Мозиле? И если есть киньте пож. ссылку на правильную резку изображений дивами.

psywalker · December 21, 2009

1) Можешь сделать матрёшку. Див, в него Див, в него ещё один Див. Далее самому первому тянущися фон по оси Х, а двум другим позиционируемый фон по разным углам.

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

Mal4ishnik · December 21, 2009

Спс, использовал второй вариант, все получилось

psywalker · December 21, 2009

Спс, использовал второй вариант, все получилось

Пожалуйста, всегда рады помочь.

Sign In

Правильное отоброжение в ИЕ6

Question

Mal4ishnik

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

psywalker

Link to comment

Share on other sites

Mal4ishnik

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information