PDA

Просмотр полной версии : позиционирование


Greendale
06.09.2005, 13:08
Подскажите такую вещь - мне нужно поверх таблицы разместить картинку. Я добавил класс картинке
{
position: relative;
visibility: visible;
top: 29px;
left: 55%;
z-index: 1;
}
Практически все получилось, картинка визуально расположена поверх таблицы, но реально она занимает место в той ячейке, где была размещена физически. То есть получается находится сразу в двух местах. Как избавиться от этого? При абсолютном позиционировании такой проблемы нет, но мне нужно именно относительное.

И второй момент - можно ли задавать одной из двух рядом расположенных ячеек ширину 100%?

nagash
06.09.2005, 13:52
1 - если делать относительное позиционирование, то картинка к сожалению будет занимать место, это никак не исправить
2 - ячейки должны быть одинаковой высоты, это основы таблиц, если вам нужно добиться визуально, что одна ячейка выше другой - используйте colspan \ rowspan с большим количеством рядов \ столбцов

Greendale
06.09.2005, 15:06
1 - если делать относительное позиционирование, то картинка к сожалению будет занимать место, это никак не исправить
2 - ячейки должны быть одинаковой высоты, это основы таблиц, если вам нужно добиться визуально, что одна ячейка выше другой - используйте colspan \ rowspan с большим количеством рядов \ столбцов

Спасибо большое за ответ. Очень жаль, что с занимаемым местом никак не решить проблему.
По второму вопросу я имел ввиду ширину ячеек, с высотой конечно только колспэном.

KidsKilla
07.09.2005, 00:16
с занимаемым местом делаем так:
1) <td><div style="position:relative;"><img style="position:absolute;"...
2) right: -ширина картинки px; MSIE
3) margin-right: -ширина картинки px; same_shit

2. не понятно.
<table style="width:100%;"><tr><td>bla-bla</td><td style="width:100%;"...