Резиновый сайт. Сузив окно браузера прокручиваю скролл фон header'a увеличивается

[Chris]

Резиновый сайт. Сузив окно браузера прокручиваю скролл фон header'a увеличивается, т.е. появляется хвост из-за отступов меню, но если я их убераю, то при нормально-развернутом браузере фон узкий.
Не могу подгрузить архив с кодом...

 

[BaNru]

Сузив окно браузера прокручиваю скролл фон header'a увеличивается

А теперь, повтори, что бы все поняли.

 

[motek]

Не могу подгрузить архив с кодом...

Выложите без архива html-файл и css-файл будет достаточно, не по картинке же годать

Сузив окно браузера прокручиваю скролл фон header'a увеличивается

А теперь, повтори, что бы все поняли.

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

 

[Chris]

Извеняюсь за такое коряковое обяснение не знал как еще его обозвать. Вот прикрепляю html и css.

 

[motek]

Извеняюсь за такое коряковое обяснение

так понятнее не стало...

Резиновый сайт. Сузив окно браузера прокручиваю скролл фон header'a увеличивается, т.е. появляется хвост из-за отступов меню, но если я их убераю, то при нормально-развернутом браузере фон узкий.

а что должно получится в итоге? если только шапка, то добавьте ей ширину 100% - она будет подстраиваться под окно браузера

#header{
	background:url(images/bg-header.gif) repeat-x #2f64a5;  // картинку мы так и не увидели :)
	height:106px;
	position:absolute;
	width: 100%;
}

 

[Chris]

Требуется, чтобы и header и content были max-width:1200px стояли по середине. На данный момент при нормально-развернутом браузере (то есть на весь экран) оба блока max-width 1200px. Но когда я сужаю браузер до 800x600 и прокручиваю горизонтальный скролл, толучается то, что изображено на картинке, а именно header становится длинее.
100% в данном случае не подходит, т.к. max-width:1200px;

 

[BaNru]

У тебя есть контейнер #main
Зачем не знаю, но раз есть, то проще работать с ним
Для него установи

#main {
	height: 100%;
	margin: 0 auto;
	max-width: 1200px;
	min-width: 800px;
	width: 100%;
}

Кстати шрифт "Book Antiqua" не является системным шрифтом, и если ты его не будешь подключать извне, то 99% пользователей не увидят его. Так же position: relative; - лишнее

Далее, у #menu удали width: 900px; и в хедере у тебя все наладиться.

 

[Chris]

width:900px стоит для того чтобы при сужении окна браузера пункты меня не спрыгивали вниз.
Почему-то ни хедер, ни контент не цинтруются через margin:auto.
Сделал как вы написали, но все тоже самое ничего не изменилось. То есть при увеличении (вручную) окна браузера фон хедера остается на месте (не вытягивается вместе с текстом). А position:relative если честно, плохо позиционирование понимаю =)
Может быть есть еще какие предположения? А то даже незнаю, что и делать

 

[BaNru]

Мы не видим фон хедера, так что понять что у тебя не тянется не можем.

 

[Chris]

Посмотри что на картинке в начале темы я там показал пример, сверху меню упирается в край окна... снизу виден скролл (горизонтальный) и там же конец контента, там где контент (с тем же отступом).

 

[BaNru]

Ну выстави min-width: 800px; какой тебе надо
Т.е. 900px твои + левый блок

 

[motek]

Мы не видим фон хедера, так что понять что у тебя не тянется не можем.

залейте сюда bg-header.gif

 

[motek]

вот так не правильно:

<div id="menu">
	<ul>
		<a href="#"><li>Home</li></a>
		<a href="#"><li>Apartments</li></a>
		<a href="#"><li>Contact Us</li></a>
		<a href="#"><li>How tj book?</li></a>
		<a href="#"><li>Customer</li></a>
	</ul>
</div>

правильно так:

<div id="menu">
	<ul>
		<li><a href="#">Home</a></li>
		<li><a href="#">Apartments</a></li>
		<li><a href="#">Contact Us</a></li>
		<li><a href="#">How tj book?</a></li>
		<li><a href="#">Customer</a></li>
	</ul>
</div>

 

[Chris]

[member=motek], Спасибо
[member=BaNru], Не помогает.
В общем я уже незнаю что и делать. Но все равно спасибо вам за помощь