Форум

Haoss · #1 (**permalink**) 23.08.2013, 12:49

Привет!Кто знает, можно ли сделать минусовой margin в правую сторону за окно браузера без прокрутки?
Пример! Нулевая координата окна браузера левый верхний угол, если убирать блок в левую сторону минусовым маргином прокрутки у окна браузера не будет, с правой так не получится.
Можно как-то решить?

ОлегА · #2 (**permalink**) 23.08.2013, 13:20

body { overflow: hidden; }

ksa · #3 (**permalink**) 23.08.2013, 13:21

Сообщение от Haoss

можно ли сделать минусовой margin в правую сторону за окно браузера без прокрутки?

Как вариант...

<!DOCTYPE html>
<html>
<head>
<!--
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
* {
	margin: 0;
	padding: 0;
}
.container {
	width: 100%;
	overflow: hidden;
}
.tab {
	margin-right: -100px;
	height: 100px;
	background-color: green;
}
.test {
	float: right;
	width: 110px;
	height: 100%;
	background-color: red;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<div class='container'>
	<div class='tab'>
		<div class='test'></div>
	</div>
</div>
</body>
</html>

Только зачем оно такое?

ksa · #4 (**permalink**) 23.08.2013, 13:22

Сообщение от ОлегА

body { overflow: hidden; }

Но так оно и по вертикали скрола небудет...

ОлегА · #5 (**permalink**) 23.08.2013, 13:50

Сообщение от ksa

Но так оно и по вертикали скрола небудет...

а ну да, не подумал))

ruslan_mart · #6 (**permalink**) 23.08.2013, 15:32

body {
   overflow-x: hidden;
}

Haoss · #7 (**permalink**) 23.08.2013, 17:57

Ну с overflow: hidden это было самое понятное.

Только если делать
body {
overflow-x: hidden;
}
прокрутки вообще не будет.

Правильней - снизу ставишь обертку-контейнер div и ему
div.base {
overflow-x: auto;
}
Этот как уточнение.

По идее другого решения нет.

Форум

Справочник

Discord чат

Курсы javascript