Фот уходит за края браузера!

evksky12 · July 8, 2012

Есть фоновое изображение 742x10px.

Есть вот такой код CSS


body {
	margin: 0px;
	padding: 0px;
	background: #FFF url(images/img01.gif) repeat-y center top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: justify;
	color: #FFFFFF;
}

Вот сам файл http://up.optizone.ru/651185 со всеми параметрами. Когда уменьшаешь браузер, то синяя часть начинает исчезать, а хотелось бы чтобы доходя до края она оставалась! Помогите с решением!

senrize · July 9, 2012

Есть фоновое изображение 742x10px.
Есть вот такой код CSS
body {
	margin: 0px;
	padding: 0px;
	background: #FFF url(images/img01.gif) repeat-y center top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: justify;
	color: #FFFFFF;
}
Вот сам файл http://up.optizone.ru/651185 со всеми параметрами. Когда уменьшаешь браузер, то синяя часть начинает исчезать, а хотелось бы чтобы доходя до края она оставалась! Помогите с решением!

Наиболее простой способ - создать главный контейнер c фиксированной минимальной шириной:


<body>
	<div id="main_container"></div>
</body>

и


html {
	height: 100%;
}

body {
	color: #FFFFFF;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	text-align: justify;
}

#main_container {
	background: url(img01.gif) repeat-y center;
	height: 100%;
	min-width:  742px; /* Ширина бэкграунда */
}

evksky12 · July 9, 2012

Клевое спасибо!

Edited July 9, 2012 by evksky12

Sign In

Фот уходит за края браузера!

Question

evksky12

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

senrize

Link to comment

Share on other sites

evksky12

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information