Firefox расчитывает position : absolute по своему. Помогите разобраться.

Код в студию.

вообще решение с relative и absolute дожно работать.

наверное где-то напартачили.

файрфокс все делает правильно, он берет координаты от последнего позиционированного элемента. Ячейка таковым не является, таблица тоже.

т.е. стоит засунуть в нужное место <div style='position:relative'> а в него уже <div style='position:absolute'> и все будет четко.

был FF написанным на коленках, таким и остался.. Что вы еще хотите от открытого кода...

а по вопросы - скорее всего напортачили Вы, у FF очень много глюков, но позиционирование к ним не относится. Еще раз проверьте стили и код...

У кого их нет?

у тех, кто занимается этим серьезно IE, Safari, тепрь и Opera. У них есть баги, которые помещены в баг-лист. А вот именно глюков не наблюдаю.... Не люблю я самоделкиных.... ИМХО конечно

T.R.O.N, не наблюдал глюков у ff при верстке не разу, в данном случае ff делает все правильно, в отличии от остальных.

Вот это набор багов. ИМХО

вы нашли конечно с кем спорить.

Не знаю как там насчет глюков, но что касается отображения html/css и выполнения яваскрипта, то файрфокс крайне близок к стандартам, как и сафари и хром. Опера отстает совсем чуть чуть. А вот IE как раз аутсайдер. И данный вопрос совершенно однозначно решается во всех браузерах, так что отдавать предпочтения смысла нет. По стандарту абсолютно позиционированный блок берет свои координаты от последнего позиционированного элемента с display:block;

у таблицы display:table, у ячейки - display:table-cell

Поэтому нужно заключать абсолютный див во что-то с блочным отображением и Position=relative/fixed/absolute

Вы, наверное, шутите?

Bdiang добавил 09.09.2009 в 18:53

ТС, обратите внимание на этот совет.

Сайт сделал на таблицах. HTML не так давно выучил, а CSS только поверхностно, так что скорее всего туплю. Меню очень большое получилось, вот и хочу его дивами прописать. Привожу код:

.centered {

position: relative;

}

<tr>

<td width="754" height="199" valign="top">

<table border="0" cellspacing="0" cellpadding="0" class="centered">

<tr>

<td width="300" height="199" align="left" valign="top" background="images/top_menu0.jpg"><a href="http://"><img src="гиф"></a>

<div style="position:absolute;top:35px;left:29px;"><a href="" class="zena1">Слово1</a></div>

<div style="position:absolute;top:16px;left:160px;"><a href="" class="zena1">Слово2</a></div>

</td>

<td width="454" height="199" align="left" valign="top" background="images/top_menu3.jpg">

<div style="position:absolute;top:16px;left:123px;font-weight:bold;">Слово3</div>

<div style="position:absolute;top:44px;left:9px;"><a href="" class="zena1">Слово4</a></div>

<div style="position:absolute;top:104px;left:300px;"><a href="" class="zena1">Слово5</a></div>

<div style="position:absolute;top:82px;left:180px;color:000000;font-size:18px;font-weight:bold;font-style:italic;">Слово6</div>

<div style="position:absolute;top:96px;left:17px;"><a href="" class="zena1">Слово7</a></div>

</td>

</tr>

</table>

</td>

</tr>

В опере и эксплорере нормально, а в лисе не выходит.