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

HTML+CSS+JavaScript

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

 

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

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

тема: Проблема с position?
 
 автор: jeans1986   (07.02.2007 в 19:07)   письмо автору
 
 

Можете объснить разницу между position: absolute и position: relative. Относительно чего отсчитываются координаты? Можете обьянить по подробнее. ЗАРАНЕЕ БЛАГОДАРЮ.

   
 
 автор: AlexSol   (07.02.2007 в 19:14)   письмо автору
 
   для: jeans1986   (07.02.2007 в 19:07)
 

position: absolute - если в родительском элементе не указано position: relative, то относительно body, если указано - то относительно элемента у которого position: relative

   
 
 автор: jeans1986   (08.02.2007 в 09:33)   письмо автору
 
   для: AlexSol   (07.02.2007 в 19:14)
 

как то не понятно. можете пример привести? ЗАРАНЕЕ БЛАГОДАРЮ,

   
 
 автор: AlexSol   (08.02.2007 в 20:51)   письмо автору
 
   для: jeans1986   (08.02.2007 в 09:33)
 

темы можно 'поднимать', а вот дублировать нестоит

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Untitled Document</title>
</head>

<body>
<div style="height:150px;"></div>
<div style="position:absolute; top:50px; left:150px; width:100px; height:20px; border:1px solid red">(150,50) от левого угла
</div>
<div style="position:relative; border:1px solid silver">
от этого дива
<div style="position:absolute; top:20px; left:50px; border:1px solid black;">(50,20)</div>
</div>
</body>
</html>

   
Rambler's Top100
вверх

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