слой с параметром float

dist · November 2, 2008

Подскажите, можно ли зафиксировать слой с параметром float: right. Ситуация такая слой(НОВЫЙ СЛОЙ) убегает влево, если высота слоев в правой части сайта больше, чем в левой части

<html>

<head>

#center_left { width:52%; float:left; }

#center_right{ width:44%; float: right; padding-left:15px; }

#left { width:52%; height:auto; float:left; background-color:#FFFDF4;}

#right{ width:43%; float:left; height:auto; padding-left:15px;}

#center_right_bottom{ width:468px; float: right;}

</style>

</head>

<BODY>

<div id="center_left"

style="background-color:#FF9900"><br><br>слой

id=center_left<br><br></div>

<div id="center_right" style="background-color:#FF3300"><br><br>слой id=center_right<br><br>

<div id="right" style="background-color:#0099FF"><br><br>слой id=right<br><br></div>

</div>

<br>

НОВЫЙ СЛОЙ

<br>

</div>

</BODY>

</html>

Edited November 2, 2008 by dist

Anami · November 2, 2008

Попробуй поставить новому слою clear:both;

homm · November 2, 2008

Слой, слой. Почитали бы сначала что это слово значит.

dist · November 2, 2008

спасибо, помогло одновременное использование float: right и clear:right

Anami · November 2, 2008

homm said:
Слой, слой. Почитали бы сначала что это слово значит.

С терминологией здесь порядок если мне не изменяет память и htmlbook.ru, если у вас есть более точное определение этого слова в html было бы здорого если бы вы его привели.

homm · November 2, 2008

Anami said:
С терминологией здесь порядок если мне не изменяет память и htmlbook.ru, если у вас есть более точное определение этого слова в html было бы здорого если бы вы его привели.

Мна… Если следовать этой терминологии (http://htmlbook.ru/content/?id=90) , то слоем можно назвать даже <span style='font-weight:bold;'></span>

Anami · November 2, 2008

homm said:
Мна… Если следовать этой терминологии (http://htmlbook.ru/content/?id=90) , то слоем можно назвать даже <span style='font-weight:bold;'></span>

А точнее div или span, а так как в приведенном коде спанов не нашлось использовать слово слой для дива вполне логично и привычно.

homm · November 3, 2008

В общем в моем понимании слой — элемент обладающий несколькими качествами одновременно:

1) блочный элемент, для того что-бы иметь однозначную интерпритацию размеров, марджингов и паддингов. (все теги с display: block)

2) элемент, выбивающийся из потока (есть и такой термин). Этому условию удовлетворяют position = relative и position = absolute и float ≠ none.

3) элемент должен задавать базу для дочерних, т.е. если у дочерних будет position: absolute, то top и left должны считаться относительно его. Условию удовлетворяют элементы с position ≠ static.

Итого имеем минимальные правила для того, чтобы считать элемент слоем:

display: block;

position: absolute;

или

display: block;

float: left;

position: relative;

Anami · November 3, 2008

Итого нет не одного тега которого можно назвать слоем не дописав пару строчек в цсс. Хм.

Sign In

слой с параметром float

Question

dist

Link to comment

Share on other sites

8 answers to this question

Recommended Posts

Anami

Link to comment

Share on other sites

homm

Link to comment

Share on other sites

dist

Link to comment

Share on other sites

Anami

Link to comment

Share on other sites

homm

Link to comment

Share on other sites

Anami

Link to comment

Share on other sites

homm

Link to comment

Share on other sites

Anami

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information