Как разместить изображение относительно центра другого элемента

kkefirov · July 19, 2008

Есть проблема с горизонтальным размещением картинки по центру таблицы.

Полупрозрачная картинка myimage.gif является необходимым элементом дизайна и должна располагаться над таблицей ровно по ее центру. Для ее позиционирования я применяю свойство position: absolute; width 100%;.

В IE все отображается как надо: картинка остается по центру таблицы при уменьшении размеров окна. В Firefox и Opera картина другая: при уменьшении размеров окна рисунок остается по центру окна браузера, а не таблицы!

Использовать position: relative; с заданием положения картинки относительно центральной ячейки не получится, так как резервируется место под картинку и дизайн портится. Может кто подскажет, как спозиционировать картинку относительно

центра таблицы, а не окна браузера.

<html /><head /><title /></title>
<style />
td { }
</style>
</head><body />
<table nowrap border="1" cellpadding="1" cellspacing="0" style="table-layout:auto; width:100%; text-align: center;" />

<div style="position: absolute; z-index: 1000; top: 15px; text-align: center;  width: 100%;" /><img src="myimage.gif" 

width="300px" height="75px" style="text-align: center; /></div>
<colgroup width="100px">
<colgroup width="300px">
<colgroup width="100px">
<tr />
<td /> 
				  &
nbsp;				  &nbs
p;				   &
nbsp;			 </td>
<td /> 
				  &
nbsp;				  &nbs
p;				   &
nbsp;			 
</td>
<td /> 
				  &
nbsp;				  &nbs
p;				   &
nbsp;			 
</td>
</tr>
<tr />
<td />текст</td>
<td />текст</td>
<td />текст</td>
</tr>
</table>
</body>

Для имитации содержания таблицы я применил неразрывные пробелы

yopopt · July 20, 2008

1.

- так нельзя ибо глупость. Вы сразу закрываете tr.

2. Ставить в

div нельзя. Он должен находиться в ячейке таблицы.

kkefirov · July 20, 2008

1. - так нельзя ибо глупость. Вы сразу закрываете tr.
.

В смысле глупость? Это типа про слэш в конце тега?

Хотелось бы знать, какой вариант центровки можно здесь использовать? Изображение наполовину прозрачное и часть таблицы должна быть видна из-под него.

Sign In

Как разместить изображение относительно центра другого элемента

Question

kkefirov

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

yopopt

Link to comment

Share on other sites

kkefirov

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information