поля от 'body'

DjTarik · November 2, 2009

Вопрос такой:

- имеется код:

<!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>
	<title>Непонятный отступ</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

	<style type="text/css" media="all">
	/* <![CDATA[ */
	/* — global — */
	html {
		font-size: 100.01%;
	}
	body {
		font-size: 62.5%;	/* - '1em' = '10px' - */	
	}
	.wrapper {
		width: 1000px;
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0px auto;
		background: #ddd;

	}
	/* — // global // — */
	/* — test — */	
	p {
		margin: 1em;
		font-size: 1.6em;	
	}
	/* — // test // — */
	/* ]]> */
	</style>
</head>
<body>

	<div class="wrapper">
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis nulla nec diam suscipit sagittis. Phasellus iaculis euismod orci, sit amet mollis risus scelerisque eget. Vestibulum volutpat sem nec sapien pharetra tristique. Vestibulum augue quam, semper eget fringilla et, commodo vitae eros. Duis tincidunt quam sit amet massa scelerisque elementum. Proin arcu ipsum, gravida pharetra blandit vulputate, tincidunt sit amet est. Vestibulum placerat lacinia ultricies. Mauris non diam magna, a congue nisl. Pellentesque sit amet augue sem, in vulputate felis. Nulla blandit dignissim bibendum. Cras semper sodales velit, ac consequat urna ornare id. Praesent diam massa, sagittis at posuere id, malesuada in arcu. In hendrerit faucibus tempus. Vestibulum ut turpis nisl. Morbi ac mi tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam erat volutpat.</p>
		<p>Sed faucibus interdum convallis. Praesent feugiat dui ac metus hendrerit vitae interdum libero feugiat. Nullam eleifend luctus lectus eget viverra. Donec tincidunt purus ut nibh pellentesque ut imperdiet ipsum tempor. Nam at nibh mauris. Sed in lectus nibh, eu rhoncus purus. Praesent imperdiet iaculis lorem ut facilisis. Vivamus eget massa vitae mi imperdiet imperdiet et a ligula. Nullam bibendum cursus odio et venenatis. Nam egestas, velit quis semper suscipit, ipsum odio mollis justo, sit amet interdum sem sapien vitae diam. Aenean in quam eget dui tempus molestie.</p>
		<p>Suspendisse euismod risus imperdiet mauris viverra dignissim. Maecenas vel augue eu odio vulputate consequat et sed est. Vestibulum bibendum hendrerit magna sit amet dapibus. Proin varius porttitor lobortis. Vestibulum eget ligula libero. Aliquam molestie gravida metus. Suspendisse molestie tempor mauris, in varius purus bibendum id. Fusce nec lacus ac nunc mattis sodales. Suspendisse potenti. Curabitur aliquet ultricies lorem, nec vestibulum est porta convallis. Vestibulum justo felis, sodales et condimentum sed, laoreet sed justo. Donec ac vestibulum turpis. Morbi molestie sem id felis dapibus volutpat. Mauris malesuada, elit at euismod facilisis, diam sapien lacinia quam, quis accumsan mauris diam a nisl. Aenean ut justo eu sapien luctus sagittis.</p>
		<p>Praesent suscipit aliquam erat a vehicula. Praesent fermentum erat at leo rutrum molestie. Pellentesque ligula tortor, sodales at suscipit quis, condimentum vitae lacus. Quisque fringilla fermentum nunc, eget vulputate mauris vestibulum nec. Vivamus egestas lacinia eleifend. Suspendisse suscipit massa blandit ante pharetra sed fringilla turpis scelerisque. Sed commodo scelerisque nunc, sed rhoncus odio luctus sed. Etiam ultrices ultrices libero, eget lobortis elit ornare vel. Vivamus bibendum, ante eu volutpat fermentum, diam diam vulputate neque, at consequat eros magna vitae purus. Pellentesque aliquet tempus nulla, ac suscipit dui fringilla sed.</p>
	</div>

</body>
</html>

- почему, если у параграфа (или любого другого элемента) задать поля сверху - они отсчитываются не от обертки, а от боди? O_o Приходится ставить обертке овервлоу... Почему так происходит?

Justnewone · November 2, 2009

Схлопывание маргинов, который раз уже...

DjTarik · November 2, 2009

Схлопывание маргинов, который раз уже...

Так ни у боди, ни у обертки полей нету - я ж их убрал...

Пусть бы они схлопывались, но поле рассчитывалось именно от обертки, а не от боди)))

psywalker · November 2, 2009

Так ни у боди, ни у обертки полей нету - я ж их убрал...
Пусть бы они схлопывались, но поле рассчитывалось именно от обертки, а не от боди)))

Justnewone тебе ответил уже, Вываливание границ полей

Edited November 2, 2009 by psywalker

Justnewone · November 2, 2009

Так ни у боди, ни у обертки полей нету - я ж их убрал...
Пусть бы они схлопывались, но поле рассчитывалось именно от обертки, а не от боди)))

Эта ссылка тут уже неоднократно появлялась. не говоря уж про то, что это первая же ссылка, которую выдает гугл на "схлопывание маргинов".

Flare · November 2, 2009

Так ни у боди, ни у обертки полей нету - я ж их убрал...
Пусть бы они схлопывались, но поле рассчитывалось именно от обертки, а не от боди)))

Если вы не указываете поля, это вовсе не означает что вы их убрали.

Существуют значения по умолчанию и от них никуда не деться.

Если хотите убрать поля, нужно обязательно их обнулять:

margin:0; padding:0;

DjTarik · November 2, 2009

Все понял, прочитал, разобрался... Всем спасибо! =)

Sign In

поля от 'body'

Question

DjTarik

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

Justnewone

Link to comment

Share on other sites

DjTarik

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Justnewone

Link to comment

Share on other sites

Flare

Link to comment

Share on other sites

DjTarik

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information