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

HTML+CSS+JavaScript

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

 

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

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

тема: Аналог Float для вертикали
 
 автор: spider-x   (13.02.2008 в 01:55)   письмо автору
 
 

Народ... помогите... у меня емть таблица... в ней ячейка... в ячейке див... мне надо чтобы див был прилеплен к нижнему краю ячейки... но при этом инфа в ячейке была вверху... тоесть параметр valign должен быть всегда равен top... если ктонить понял проблему объясните как можно сделать подобие Float для вертикали ?

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

проблемы не вижу ВОВСЕ:
<table width="300" height="300" border="1">
<tr>
<td valign="bottom">
<div style="width: 100%; height: 120px; background-color: silver">текст вверху DIV'a ВСЕГДА во всех браузерах</div>
</td>
</tr>
</table>

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

а я вижу.... в моём посте прочитайте строку :
параметр valign должен быть всегда равен top

а потом посмотрите на ваш код:
<td valign="bottom">

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

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

-

   
 
 автор: 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>

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

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

   
 
 автор: 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 в 11:07)   письмо автору
 
   для: AlexSol   (13.02.2008 в 10:11)
 

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

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

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

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

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

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

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

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

->

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

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

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

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

   
Rambler's Top100
вверх

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