[life24x7]

Здравствуйте!
есть шапка

<style>
#header_conteiner {
	border-left: 555px solid #FFFFFF;
	border-right: 180px solid #FFFFFF;
	height: 1%;
}
#header_conteiner:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
#header{
	width: 100%;
	float: left;
	overflow: hidden;
	margin-right: -100%;
}

#center_header{padding-top:7px;}

#center_header a{font:  12px Tahoma, Arial, sans-serif; color:  #28b8e7 ; text-decoration: underline;}
#center_header a:hover{ text-decoration: none;}
#center_header a img{ text-decoration: none; border:0;}

#left_header
   {
	float: left; width: 555px; position: relative; left: -555px;  height:110px;
   }

#right_header
   {
   	float: right; margin-right: -180px; width: 180px;
	position: relative; height:110px;
        background: url(img/phone.gif) no-repeat bottom right;
        text-align: right; padding-right:30px;
        font: 12px Courier New, Tahoma, Arial; font-weight: bold;
   }
</style>
<div id="header_conteiner">
<div id="header">
  <div id="center_header">
     какой-то текст
  </div>
</div>
<div id="left_header">
<a href="{$mainpage}"><img src="{$tpl_path}img/top_logo.gif" alt="{$store_name}"/></a>
</div>
<div id="right_header"> </div>
</div>

проблема с правой колонкой, когда ширина окна больше 1300пикселов все ок, когда меньше правая колонка перепрыгивает на низ не могу понять в чем дело, вроде бы все правильно
помогите пожалуйста

[kost]

Выложите где-нибудь страницу и дайте ссылку.

[vitaly-go]

скопировал ваш код вставил, но так и непонял что куда уезжает и почему....
лучеш как уже сказал kost дайте ссылку на страницу
а вообще самый простой проблем в том что размер левой части 1уе правой 1уе
а контейнеру ограничение по ширине стоит меньше чем их сумма - 2 уе, вот вам и результат, но эт так образно выражаясь

[life24x7]

http://life24x7.com/artoff

[vitaly-go]

Сообщение от life24x7

http://life24x7.com/artoff

попробуй так, + установить минимальную ширину и все

<style>
#header_conteiner {
	border-left: 555px solid #FFFFFF;
	border-right: 180px solid #FFFFFF;
	height: 1%;
}
#header_conteiner:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
#header{
	width: 100%;
	float: left;
	overflow: hidden;
	margin-right: -100%;
}
#center_header{padding-top:7px;}
#center_header a{font:  12px Tahoma, Arial, sans-serif; color:  #28b8e7 ; text-decoration: underline;}
#center_header a:hover{ text-decoration: none;}
#center_header a img{ text-decoration: none; border:0;}
#left_header
   {	width: 555px; position:  fixed; left: -555px;  height:110px; top:0px; left:0px;
   }
#right_header
   {
   	width: 180px;position: fixed; height:110px; top:0px; right:0px;
        background: url(img/phone.gif) no-repeat bottom right;
        text-align: right; font: 12px Courier New, Tahoma, Arial; font-weight: bold;
   }
</style>
<div id="header_conteiner">
  <div id="center_header">
     какой-то текст
  </div>
<div id="left_header">
<a href="{$mainpage}"><img src="{$tpl_path}img/top_logo.gif" alt="{$store_name}"/></a>
</div>
</div>
<div id="right_header"> </div>

[life24x7]

попробовал, можете увидеть блок зафиксировался и наезжает на другие

[vitaly-go]

Сообщение от life24x7

попробовал, можете увидеть блок зафиксировался и наезжает на другие

нет, ну я конечно могу ее тебе полностью пересобачить, но вопрос звучал так зафиксировать правую часть хедера что я и сделал + тоже самое с левой, центр нетрогал, выровнять?
или вы сам в состоянии?

[life24x7]

нет вы мне натолкните, position:fixed;, я пока не вижу как пременить, поставил по центру его так шапка вообще под низом зафиксировалась.

[vitaly-go]

position:fixed; эт я тормознул, поменяй на абсолют
у левой и у правой размер картинки не резиновый оответственно центру сделай отступ в пикселях с нужной стороны на требуемый размер, и минимальную ширину поставь для определяющего блока на мин ширину впринципе хоть на все вместе
ну и z-index подобавляй где потребуется

[life24x7]

поставил абсолют заработало, но почему-то под меню заехало, если z-index:1; поставить, то просто поверху меню накладываются блоки