Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: postion:relative - непонятно...
 
 автор: coloboc66   (30.08.2010 в 09:39)   письмо автору
 
 

<table border='1px'><tr><td width='100px'height='100px'><div style="border:1px solid blue;position:relative;left:10px;top:20px">Привет</div></td></tr></table>

Почему left:10px работает правильно, а top:20px делает отсчёт не от верхней границы табличной ячейки, а от её середины?
И ещё: какой по умолчанию принимается ширина div? Почему он вылазит за рамки ячейки?
Спасибо...

  Ответить  
 
 автор: ФЖЭ   (30.08.2010 в 10:00)
 
   для: coloboc66   (30.08.2010 в 09:39)
 

Для <TD> по умолчанию align="left" и valign="middle"
Ширина <DIV> по умолчанию == 100% ширины "родителя" (ячейки).

  Ответить  
 
 автор: coloboc66   (30.08.2010 в 10:18)   письмо автору
 
   для: ФЖЭ   (30.08.2010 в 10:00)
 

Хмм. То есть top и left отсчитывается не от краёв родительского элемента, а от своего начального положения?

  Ответить  
 
 автор: bishake   (30.08.2010 в 10:50)   письмо автору
 
   для: coloboc66   (30.08.2010 в 10:18)
 

Да, именно так. Более того, все остальные элементы (не relative) остаются на своих прежних местах, как будто relative-элемент вовсе никуда не сдвинут.
Об этом Вы можете прочитать в замечательном блоге Ивана Сагалаева.

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования