Условные отступы или поля

reito · October 10, 2010

Привет

Я сам программер, но сейчас нужно сверстать сайт и я решил использовать для этого блочную вёрстку.

Возник вопрос, могу ли я определить отступы для слоя так, чтобы они были равными 20%, но не меньше 20px, к примеру, и не больше 20px?

Я хочу, чтобы вёрстка страницы была готова к разному разрешению экрана.

Надеюсь на развёрнутый, теоретически подкреплённый ответ

psywalker · October 10, 2010

Как вариант.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Tic-Tac-Toe</title>
<style type="text/css">
	*{ margin: 0; padding: 0;}
	#wrap { white-space: nowrap; min-width: 500px;}
		.sloy1,.sloy2 { width: 300px; background: red; display: inline-block;}
		.sloy1 { margin-right: 20%;}


</style>
</head>

<body>
	<div id="wrap">
		<div class="sloy1">Слой 1</div>
		<div class="sloy2">Слой 2</div>
	</div>
</body>
</html>

sigma77 · October 10, 2010

Привет
Я сам программер, но сейчас нужно сверстать сайт и я решил использовать для этого блочную вёрстку.
Возник вопрос, могу ли я определить отступы для слоя так, чтобы они были равными 20%, но не меньше 20px, к примеру, и не больше 20px?
Я хочу, чтобы вёрстка страницы была готова к разному разрешению экрана.
Надеюсь на развёрнутый, теоретически подкреплённый ответ

Развернутый... Отступы могут задаваться только какой-то конкретной величины (проценты, пиксели эмы и пр.).

Расчет величин определяется как задано, т.е. задашь 20px - будет 20px, а процентных вычисляется от ширины родителя.

Минимальных и максимальных значений не существует.

А вот тут ты меня немного озадачил

но не меньше 20px, к примеру, и не больше 20px

это как?

20<x>20???

А по теме. Если хочешь вёрстку под любое разрешение экрана читай про резиновую и адаптивную верстку.

Sign In

Условные отступы или поля

Question

reito

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

psywalker

Link to comment

Share on other sites

sigma77

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information