ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Масштабирование
4 сообщений из 4, страница 1 из 1
Масштабирование
    #39140846
Фотография enakenenaken
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
enakenenaken
Участник
Привет всем. Я освоил базовый курс html, но так и не понял, как сделать, чтобы блоки div для разных разрешений экрана отображались одинаково без вёрстки процентами. Пиксели ведь фиксированы. А процент приводит к тому, что блоки сами по себе не уменьшаются и не увеличиваются при масштабировании. И опять же у div float=left, поэтому когда я масштабирую в браузере, если размер указан в пикселях, то блоки уменьшаются и уезжают налево. Как сделать, чтобы блоки смещались к центру?

Код: html
1.
2.
3.
4.
5.
6.
section.sect_menu {
	min-height:100%;
	min-width:20%;
	float:left;
	background:green;
}
...
Рейтинг: 0 / 0
30.12.2015, 20:01
| Ответить | Цитировать | Написать  
Масштабирование
    #39140849
Фотография enakenenaken
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
enakenenaken
Участник
enakenenaken,

Уточню, а то в вопросе вода.

Вот я сделал блок по центру. Я точно знаю, что при любом разрешении экрана он будет по центру.
А если я хочу с пикселями работать? Пиксели в каждом разрешении разные. Можно ли как ни будь средствами html сделать также, как в этой конструкции, но пикселями?

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
section.sect_menu {
	height:100%;
	width:20%;
	float:left;
	background:green;
	margin-Left: 40%;
	margin-right:40%;
}
...
Рейтинг: 0 / 0
30.12.2015, 20:17
| Ответить | Цитировать | Написать  
Масштабирование
    #39141319
Фотография Тshаmil
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Тshаmil
Участник
enakenenakenenakenenaken,

Уточню, а то в вопросе вода.

Вот я сделал блок по центру. Я точно знаю, что при любом разрешении экрана он будет по центру.
А если я хочу с пикселями работать? Пиксели в каждом разрешении разные. Можно ли как ни будь средствами html сделать также, как в этой конструкции, но пикселями?

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
section.sect_menu {
	height:100%;
	width:20%;
	float:left;
	background:green;
	margin-Left: 40%;
	margin-right:40%;
}


это не html а css.
средствами обычного css такого сделать нельзя. Можно сделать с помощью less или sass, но в итоге код на less или sass все равно транслирует твои пикселы в проценты для результирующего css файла.
...
Рейтинг: 0 / 0
01.01.2016, 23:02
| Ответить | Цитировать | Написать  
Масштабирование
    #39143324
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
enakenenakenА если я хочу с пикселями работать?
Вот вроде и с пикселями... И по центру...

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
* {
	margin: 0;
	padding: 0;
}
html,
body {
	height: 100%;
	justify-content: center;
	align-items: center;
}
body {
	display: flex;
}
div {
	width: 100px;
	height: 100px;
	background-color: green;
}
</style>
<script type='text/javascript'>
</script>
</head>
<body>
<div></div>
</body>
</html>
...
Рейтинг: 0 / 0
08.01.2016, 13:01
| Ответить | Цитировать | Написать  
4 сообщений из 4, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Масштабирование
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]