Резиновая верстка

[fastikkk]

Проблема в следущем, есть резиновый блок в котором есть 2 блока, как зделать что б при увиличении основного блока от 1100 пикселей до 1400 блоки не ссежали два втутрние оставались на своем месте? Какой код надо дописать?

<div id="header">
		<div id="leftside"></div>
		<div id="rightside"></div>
</div>

#header {
	width:100%;
	margin:0 auto;
	min-width:1100px;
	max-width:1400px;
	min-height:777px;
	background:#fff url(../image/bg_top.jpg) no-repeat center top;
}
html #header {
	height:778px;
	width: expression(document.body.clientWidth > 1100 ? "100%" : "1100px");
	width: expression(document.body.clientWidth < 1400 ? "100%" : "1400px");
}
#leftside {
	float:left;
	width:466px;
}
#rightside {
	float:right;
	width:500px;
}

Edited September 1, 2010 by fastikkk

[psywalker]

А щас при увеличении блока что происходит, ведь по идее флоатные блоки должны разъезжаться? Приведи скриншот

Вот эти записи кстати лишние

	width:100%;
	margin:0 auto;

[fastikkk]

http://files.etherway.ru/81CBE0 вот залил 2 скрина. Левый блок едет, а нужно что б оставался на своем месте. По сути такое происходит и с правым. Вот код что внутри leftside

<ul id="menu">
				<li><a href="#">О компании</a></li>
				<li class="active"><a href="#">Туры</a></li>
				<li><a href="#">Отзывы</a></li>
				<li><a href="#">Горящие предложения</a></li>
				<li><a href="#">Контактная информация</a></li>
</ul>
			<h1 id="logo"><a href="#">Блеск тур</a></h1>


#menu	{
	width:375px;
	height:72px;
	background:url(../image/bg_top_menu.png) no-repeat;
	margin:52px 0 0 11px;
}
#menu li	{
	float:left;
}
#menu a {
	float: left;
	height:30px;
	margin:0;
	padding: 8px 12px 0 10px;
	text-decoration: none;
	font-size:1.2em;
	font-weight:600;
	color:#fff;
}
#menu .active a	{
	text-decoration:underline;
	color:#5299b4;
}
#logo {
	margin:123px 0 0 19px;
	background:url(../image/logo.png) no-repeat;
	width:300px;
	height:110px;
	overflow:hidden;
	text-indent:-9999px;
}

Edited September 1, 2010 by fastikkk

[psywalker]

Куда что едет? Не увидел ничего подобного. Под левым блоком ты имеешь ввиду жёлтый блок сверху?

По-моему как сверстал, так у тебя и отображается, т.е. всё ок.

[Searcher]

вообще, лучше бы ссылочку...

[fastikkk]

Я то так сверстал(из-за того что не знаю как зделать правильно), а хочу что б он был фиксирован не ссежал. Прощу помощи как это зделать. Если сотреть слева от головы на бекграунде есть пересечение линий. От меню должно быть не далеко от этого пересечения. Как это можно зделать?

Edited September 1, 2010 by fastikkk

[psywalker]

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

[fastikkk]

Мне нужно что б он тянулся не в право а в обе стороны что б бекграунд центрировался потому я и вставлял код в хедере

width:100%;
 margin:0 auto;

http://smotrusuda.narod.ru/tyr.html вот повесил. Подскажите хто-то.

Edited September 1, 2010 by fastikkk