Re[2]: НТМЛ, позиционирование без таблиц
От: g_serg  
Дата: 20.11.08 15:18
Оценка:
FA><div style="width:100%;height:100%; position:relative">
FA> <div style="padding-bottom:25px">часть1-высота документа-25px</div>
FA> <div style="position:absolute; bottom:25px; left:0px; width:100%">часть2-высота 25px</div>
FA></div>

FA>Тип документа ставим xHTML.ru webmascon.com/xhtml.ru тебе в помощь


нда... это вроде работает
только есть маленький нюансик, часть 1 нужно растянуть всю по высоте до части 2
padding-bottom тут все дело и портит, складывается со 100% и куку... ( в иешнике работает а в "правильных" браузерах нет )
вот если можно было-бы записать height:100%-25px,то это самое оно

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>
<div style="width:100%;height:100%; position:relative;background-color:gray">
<div style="padding-bottom:25px;height:100%;background-color:red">часть1-высота документа-25px</div>
<div style="position:absolute; bottom:0px; left:0px; width:100%;background-color:green;">часть2-высота 25px</div>
</div>
</body>
</html>


ЗЫ. пробовал <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> в нем height вообще не работает
 
Подождите ...
Wait...
Пока на собственное сообщение не было ответов, его можно удалить.