Проблема в шапке с разрешением 800x600

[Hol1killer]

Здраствуйте друзья возникла следующая проблема сверстал шапку и на разрешенеии 800x600 правая часть наезжает на левую, при табличной верстке все хорошо!

код html шапки

<div id="header">
<div id="header_left">
</div>
<div id="header_right">
</div>
</div>
<div id="header_menu">
<div id="header_menu_main">
</div>
</div>

css шапки

#header {
	width:100%;
	height:327px;
	background:url(header/maket_bg.jpg) repeat-x top center;
}
#header_left {
	float:left;
	width:47%;
	height:327px;
	background:url(header/maket_01.jpg) no-repeat left;
}
#header_right {
	float:right;
	width:53%;
	height:327px;
	background:url(header/maket_02.jpg) no-repeat right;
}
#header_menu {
	clear:both;
	width:100%;
	background:url(header/maket_04.jpg) repeat-x;
}
#header_menu_main {
	background:url(header/maket_03.jpg) no-repeat;
}
#header_menu,#header_menu_main {
	height:70px;
}

[ablay2009]

Если не сильно заезжает попробуйте уменьшить ширину обоих блоков на 1-2 процента, а то они у вас впритык расположены.

Edited February 27, 2012 by ablay2009

[Hol1killer]

вот такое вижу при разрешении 800x600 попробывал уменьшить ширину блоков не помогло все равно они сьезжаются на левую сторону а при табличной верстке правая картинка она уезжает и ее видно тока при прокрутке горизонтального скролинга, давно уже возникла эта проблема, хочу ее решить, но по сути я уже не знаю у кого есть разрешение 800х600, так что по сути проблема не принципиальная!

А так при высоких разрешениях все хорошо!

Edited February 27, 2012 by Hol1killer

[Switch74]

сделайте #header min-width, он у вас на 100%, по этому он растягивается на ширину окна браузера, а #header_right прижат к правому краю #header. В таблице все работало правильно, т.к. она растягивалась контентом автоматически.

[Hol1killer]

сделайте #header min-width, он у вас на 100%, по этому он растягивается на ширину окна браузера, а #header_right прижат к правому краю #header. В таблице все работало правильно, т.к. она растягивалась контентом автоматически.

не много не понял но прописал в #header min-width ну ничего не изменилось, все то же самое есть еще варианты и вообще можете подсказать как лудчше верстать резиновые шапки?

[Switch74]

у тебя сайт какой имеет минимальный размер, такой и шапке ставь, я так понимаю ты 800px ей поставил

[Hol1killer]

у тебя сайт какой имеет минимальный размер, такой и шапке ставь, я так понимаю ты 800px ей поставил

Все ступил установил min-width вроде все в поряде спасибо за помощь Switch74, тока начинаю верстку на CSS про min-width ничего не знал теперь буду знать еще и раз спасибо!

[ViStefan]

Я считаю, что вообще макеты с критичной графикой с точностью до пикселей, где стыки важны, и всё такое, вообще ни в коей мере не должны быть резиновыми. Иначе, чаще всего, игра не стоит свеч. Трудно объяснить заказчику, почему он должен платить больше в таких случаях, а на рынке конкуренции хватает...