Позиционирование элементов

denzell · April 6, 2018

Объясните как мне установить внутри блока div картинку фон?

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

Reveal hidden contents

<html>
	<head>
		<title>Страны мира</title>
	</head>
	<style>
		<!--	Стили	-->
		html 
		{
			height: 100%;			/*	Высота веб страницы	*/
		}
/***************************************************************************************/
		body 						/*	Тело сайта	*/
		{
			margin: 0;				/*	Величина отступа от каждого края элемента	*/
			padding: 0;				/*	Значение полей вокруг содержимого элемента	*/
		}
/***************************************************************************************/
		#контейнер 
		{
			background: #ff496c;						/*	Цвет фона	*/
			width: 100%;									/*	Ширина блока	*/
			height: 100%;								/*	Высота блока	*/
			position: relative;
		}
		#Меню 
		{
			float: right;								/*	Выравнивание по правой стороне	*/
			background: #3CB371;						/*	Цвет фона	*/
			width: 25%;									/*	Ширина блока	*/
			height: 100%;								/*	Высота блока	*/
		}
		#блок_с_картой 
		{				
			background: #ADFF2F;									/*	Цвет фона	*/
			background: url(img/map.jpg) no-repeat center center;
		*	background-position: center;
			background-size: 45%;
			width: 100%;											/*	Ширина блока	*/
			height: 100%;											/*	Высота блока	*/
		}						
		
	</style>
	<body>
		<div id = "контейнер">
			<div id = "Меню">
				Боковое меню
			</div>
			<div id = "блок_с_картой">
				На данной странице представлены специальные ключевые слова, 
				которые можно применять для обозначения того или иного цвета 
				на интернет сайтах, и при разработке на языках программирования 
				для Web, таких как HTML, CSS, JavaScript, Flash, и др.
				В ранних спецификациях W3C было определено всего 16 ключевых цветов. 
				В более поздних спецификациях дополнительно было определено ещё 130 
				различных названий цветов. Следующая таблица содержит имена, и образцы 
				цветов, которые ассоциируются с этими именами.
			</div>
		</div>
	</body>

</html>

Edited April 6, 2018 by denzell

mrnobody · April 6, 2018

Укажите блоку с картой ширину не 100%, а 75%.

Меню смущают кириллические символы в id.

denzell · April 6, 2018

On 4/6/2018 at 8:45 AM, mrnobody said:

Укажите блоку с картой ширину не 100%, а 75%.

Меню смущают кириллические символы в id.

Expand

Ну у меня идея такова что вот это боковое меню будет появляться с помощью FORM. тоесть пока его нету фон должен быть на весь экран. соответственно когда оно есть то фон сдвигается в лево. поэтому я и создал 2 блока (меню и карта) внутри единого блока. (Ну В общем в html я не силен еще. только учусь)

Edited April 6, 2018 by denzell

mrnobody · April 6, 2018

Вы можете задать красный фон контейнеру

Sign In

Позиционирование элементов

Question

denzell

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

mrnobody

Link to comment

Share on other sites

denzell

Link to comment

Share on other sites

mrnobody

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information