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

HTML+CSS+JavaScript

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

 

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

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

тема: Проблема с CSS версткой
 
 автор: куч1963   (15.07.2006 в 12:12)   письмо автору
 
 

Помогите советом.
Есть несколько абсолютно позиционируемых <div>
порядок выведения которых определяется Z-index;
Как при таком строении организовать подвал страницы, кроме как и этот слой абсолютно спозиционировать?

   
 
 автор: 12345   (15.07.2006 в 16:45)   письмо автору
 
   для: куч1963   (15.07.2006 в 12:12)
 

Можно получить низ самого нижнего дива (обходом) и задать высоту таблицы в фоне, в которой "подвал".

   
 
 автор: куч1963   (15.07.2006 в 18:12)   письмо автору
 
   для: 12345   (15.07.2006 в 16:45)
 

если можно поподробнее
есть два дива
их свойства

.tx{
position:absolute; 
left:170px; 
top:80px; 
width:700px; 
z-index:3; 
padding:0px; 
padding-left:0px; 
margin:0;  
background-color:#FFFFFF;
}
.lb{
position:absolute;
left:5px; 
top:80px;  
width:160px; 
z-index:2; 
padding:0px; 
margin:0;  
background-color:#DF0F0D;
}

   
 
 автор: 12345   (15.07.2006 в 22:38)   письмо автору
 
   для: куч1963   (15.07.2006 в 18:12)
 

<style>.tx{ 
position:absolute;  
left:170px;  
top:80px;  
width:700px;  
z-index:3;  
padding:0px;  
padding-left:0px;  
margin:0;   
background-color:#dddddd; 

.lb{ 
position:absolute; 
left:5px;  
top:80px;   
width:160px;  
z-index:2;  
padding:0px;  
margin:0;   
background-color:#DF0F0D; 
} </style>
<body topmargin=2 marginheight=22>
<div id=d1 class=tx>123<br>45</div>
<div id=d2 class=lb>12<br>3<br>45</div>
<table cellspacing=0 border=1 width=100% height=100%><tr><td id=td1 valign=top height=90%>основное поле</td></tr>
<tr><td valign=top>__футер__</td></tr></table>
<script>
onload=function(){var maxHeight=0;
for(i=1;i<3;i++)with(document.getElementById('d'+i))
  {maxHeight=Math.max(maxHeight,offsetTop+offsetHeight);}
document.getElementById('td1').style.height=maxHeight
  -(document.all?document.body.topMargin:0);
//alert((document.all?document.body.topMargin:0))
}
</script>
Не учтён верх документа (document.body.offsetTop) для FF, размеры границ и отступов, прокрутка.

   
 
 автор: куч1963   (28.07.2006 в 10:03)   письмо автору
7.1 Кб
 
   для: 12345   (15.07.2006 в 22:38)
 

Приходится снова поднимать тему.
Приатачиваю файл.
Если открываеш ИЕ просто как файл , все работает, если идеш с локала
http://body.ru/proverka.html - вывод совершенно другой.
Почему, не могу разобраться.

   
Rambler's Top100
вверх

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