Div с горизонтальным центрированным текстом и абсолютным позиционированным текстом в firefox

Я построил div с горизонтальным центрированным текстом, используя таблицу, и vertical- align: middle. Я добавил абсолютный позиционный текст внутри этого div.

он работает на хроме, но не в firefox.

вы можете увидеть код и как он работает здесь. http://jsfiddle.net/TUwAy/8/

просто откройте его с помощью хром и посмотрите на центрированные\абсолютные позиционированные тексты.

а затем откройте его в firefox и посмотрите, что абсолютный позиционированный текст соответствует всему экрану, а не внутри div.

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

любые творческие идеи в том, как это решить?

10x

+1
16 июн. '11 в 14:58
источник поделиться
2 ответа

Кажется, проблема с display: table в сочетании с position: relative.

Как вывести absText из таблицы?

<div class='clickable' id='wrapperID'>
    <div class='tweetclass'>
        <p> horizontal centered text</p>
    </div>
    <div class='absText'>
        <div id='hid'>abs position text</div>
    </div>
</div>

.absText{
    font-size:10px;
    color:#878787;
    font-weight:100;
    position:absolute;
    bottom:7px;
    right:7px;
}

.clickable{
    cursor:pointer;
    position: relative;
}

jsfiddle

+3
16 июн. '11 в 15:06
источник

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

0
16 июн. '11 в 15:01
источник

Посмотрите другие вопросы по меткам или Задайте вопрос