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

HTML+CSS+JavaScript

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

 

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

вид форума:
Линейный форум (новые сообщения вниз) Структурный форум

тема: Аналог Float для вертикали

Сообщения:  [1-10]   [11-13] 

 
 автор: ~Z0RR0~   (13.02.2008 в 14:34)   письмо автору
 
   для: spider-x   (13.02.2008 в 01:55)
 

А что находится под таблицей? Можно на элемент который под ней повесить свойство position:relative На блок, который вам нужно спозиционировать position:absolute. Ну и через top:-(н-цать)px; right:(н-цать)px; задать его положение относительно элемента который под таблицей в нужное вам место. Для ячейки указать нижний отступ на высоту блока. /*правда оговорюсь, это решение наверно для жесткой ширины сайта, если не подходит можно придумать ещё чего-нибудь. Правда по-точнее бы узнать, что конкретно нужно.*/

   
 
 автор: spider-x   (13.02.2008 в 12:28)   письмо автору
 
   для: AlexSol   (13.02.2008 в 11:59)
 

Проверка в опере и дримвивере кс3 показала что дивы "Всегда нижний див" отображаются вне таблицы поверх неё с неким неопознанными отступом (чуть < 50px) от верхнего края таблицы.

   
 
 автор: AlexSol   (13.02.2008 в 11:59)   письмо автору
1.2 Кб
 
   для: spider-x   (13.02.2008 в 11:45)
 

->

   
 
 автор: spider-x   (13.02.2008 в 11:45)   письмо автору
 
   для: AlexSol   (13.02.2008 в 11:12)
 

хм... попробовал посмотреть пример не вставляя в свою таблицу... и опять таки трабл... да он работает... но див приклеен к диву... а ето ниеть гуд... мне надо чтобы верхний див был приклеен к верхней границе ячейки, а нижний к нижней границе...

   
 
 автор: AlexSol   (13.02.2008 в 11:12)   письмо автору
 
   для: spider-x   (13.02.2008 в 11:07)
 

про первое согласен, описался. но пример работает.

   
 
 автор: spider-x   (13.02.2008 в 11:07)   письмо автору
 
   для: AlexSol   (13.02.2008 в 10:11)
 

вопервых...
position:abSolute;

а во вторых не работает... 2 див вообще просто располагается поверх таблицы

Эхъ... может когда-нибудь разработчики CSS реализуют Float для вертикали а сейчас походу прийдётся создать 2 ячейки 1 верхнюю а вторую нижнюю... и таким образом решить данную проблему (

   
 
 автор: AlexSol   (13.02.2008 в 10:11)   письмо автору
 
   для: spider-x   (13.02.2008 в 10:08)
 

<table width="100%" height="400" border="1"> 
  <tr> 
    <td valign="top" style="position:relative"> 
    <div style="padding-bottom:100px"> верхний контент</div> 
    <div style="background:#00FFFF; width:100%; height:100px; position:abcolute;bottom:0;left:0;">Всегда нижний див</div> 
    </td> 
  </tr> 
</table> 

   
 
 автор: spider-x   (13.02.2008 в 10:08)   письмо автору
 
   для: 123456   (13.02.2008 в 06:37)
 

Нет... тут получается что задаётся отступ от верхнего контента... а мне надо именно прилепить к низу... у меня таблица постоянно изменяется в размерах...

   
 
 автор: 123456   (13.02.2008 в 06:37)   письмо автору
 
   для: spider-x   (13.02.2008 в 03:12)
 

Если я правильно понял вопроса, то я думаю так можно реализовать.


<table width="100%" height="400" border="1">
  <tr>
    <td valign="top">
    верхний контент
    <div style="background:#00FFFF; width:100%; height:100px; position:relative; margin-top:300px;">Всегда нижний див</div>
    </td>
  </tr>
</table>

   
 
 автор: CNTv2.0   (13.02.2008 в 03:27)   письмо автору
 
   для: spider-x   (13.02.2008 в 03:12)
 

-

   

Сообщения:  [1-10]   [11-13] 

Форум разработан IT-студией SoftTime
Rambler's Top100
вверх

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