Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Позиционирование div внизуй td неизвестной высоты 
:(
    Опции темы
olegarh
Дата 16.10.2011, 23:46 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 50
Регистрация: 6.2.2010

Репутация: нет
Всего: нет



Здравствуйте.

Есть сайт с табличной версткой

http://rektema.ru/
Разметку можете посмотреть там

Нужно расположить картинку в самом низу td слева (там же где и меню, только в самом низу) 
высота td динамическая.

Перепробовал много способов из сети, но они все не подходят

Код примерно такой 
Код

<td>
<table>......</table>
<!--Здесь под этой таблицей остается пустое место и в самом его низу и нужно разместить картинку-->
</td>



Заранее спасибо
PM MAIL   Вверх
magelan
Дата 17.10.2011, 00:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


потерял xPath
**


Профиль
Группа: Участник
Сообщений: 393
Регистрация: 5.4.2010

Репутация: 4
Всего: 16



Попробуйте что нить типа:
Код

<td style="position: relative">
<table>...</table>
<div style="position: absolute; bottom: 0; left: 0">
<img src...>
</div>
</td>

PM MAIL   Вверх
$дмитрий
Дата 17.10.2011, 01:02 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1037
Регистрация: 19.6.2004

Репутация: 10
Всего: 45



Если картинка по высоте небольшая, самый простой вариант будет вставить там где
Код

<td class="tdb2">

Сделать абсолютное позиционирование и сместить вверх
Код

<img src="photo.jpg" style="position:absolute; margin:-100px 0 0 0">

PM MAIL   Вверх
magelan
Дата 17.10.2011, 09:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


потерял xPath
**


Профиль
Группа: Участник
Сообщений: 393
Регистрация: 5.4.2010

Репутация: 4
Всего: 16



костыль предлагаете, чтобы человек потом искал откуда у него 100 пикселей скролла вылезло?  smile 

P.$. Если не выйдет по человечески засунуть, можно бэкграундом (не выведется на печать у большинства пользователей)
Код

<td style="background: Black url('картинко') no-repeat bottom left;">


Это сообщение отредактировал(а) magelan - 17.10.2011, 09:45
PM MAIL   Вверх
$дмитрий
Дата 17.10.2011, 15:25 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1037
Регистрация: 19.6.2004

Репутация: 10
Всего: 45



Цитата

откуда у него 100 пикселей скролла вылезло

А причем здесь скрол? Картинка просто наверх сместится smile

PM MAIL   Вверх
SelenIT
Дата 17.10.2011, 20:32 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401



Цитата(magelan @  17.10.2011,  00:41 Найти цитируемый пост)
<td style="position: relative">

К сожалению, не работает в актуальных FF.

Имхо, вариант $дмитрия вполне неплох и логичен (от чего пляшем — к тому и привязываемся). Только, если уж ставим абсолютное позиционирование, то и сдвигать логичнее/надежнее не отступами, а координатами (напр. bottom: 0), обернув предварительно div-ом c position:relative. Тогда уж точно и скроллы ниоткуда не повылезут smile


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
olegarh
Дата 18.10.2011, 15:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 50
Регистрация: 6.2.2010

Репутация: нет
Всего: нет



Цитата(magelan @ 17.10.2011,  00:41)
Попробуйте что нить типа:
Код

<td style="position: relative">
<table>...</table>
<div style="position: absolute; bottom: 0; left: 0">
<img src...>
</div>
</td>

Спасибо

Сделал так. Все нормально, но в тех местах когда высота td небольшая и полностью занята другими элементами они друг на друга налезают

например как здесь

это из-за position: absolute;
была мысль сделать что то вроде min-height для td, но он не подходит
как еще можно решить?
PM MAIL   Вверх
SelenIT
Дата 18.10.2011, 16:39 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401



Нижний padding левой ячейке задать, на высоту картинки, например.


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0472 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.