Корректное отображение position в Опере

solovets-denis · February 13, 2009

Друзья, возникла проблема, которую очень хочу решить.

Есть код страницы

<html>
<head>
...
</head>
<body>


<table>
...
</table>

<div>
	<div class="section">
		<div class="r-star-shape">
			<div class="cn tl"></div>
			<div class="content" id="left">
		</div>
		<div class="cn bl"></div>
	</div>
</div>

<div style="position: absolute;">© 2008—2009 Все права защищены</div>
</body>
</html>

Проблема с самым последним дивом.

В IE и в Мозиле он располагается под предыдушим дивом, а вот в Опере его заносит вверх, он становится после <table>.

Наглядное описание проблемы - solovets.ru

Обратите внимание на то, как отображаются копирайты в разных браузерах.

Бьюсь с проблемой уже кучу времени. Очень прошу помочь.

homm · February 13, 2009

Проверил приведенный код во всех браузерах, не вижу разницы.

SelenIT · February 13, 2009

Подтверждаю наличие проблемы в Опере 9.6. Но дело не в position, а в вываливании float-ов из предыдущего контейнера (с padding: 0 20px). Overflow: hidden для него или easy-clearing должен ее решить.

P.S. На каком языке написан код этой странички?

solovets-denis · February 13, 2009

Подтверждаю наличие проблемы в Опере 9.6. Но дело не в position, а в вываливании float-ов из предыдущего контейнера (с padding: 0 20px). Overflow: hidden для него или easy-clearing должен ее решить.
P.S. На каком языке написан код этой странички?

Html, css от себя лично и от Студии Лебедева (Сергей Чикуенок), движок MODx

Спасибо за ответ, сейчас попробую.

SelenIT · February 13, 2009

Просто сочетание доктайпа от HTML4.01 c xhtml-ным неймспейсом и слешами в одиночных тегах вызвало легкий когнитивный диссонанс . Хотя согласен, что это - меньшее зло, чем когда наоборот...

solovets-denis · February 13, 2009

Просто сочетание доктайпа от HTML4.01 c xhtml-ным неймспейсом и слешами в одиночных тегах вызвало легкий когнитивный диссонанс . Хотя согласен, что это - меньшее зло, чем когда наоборот...

Если честно, не знаю, чем все эти доктайпы различаются :-)

SelenIT · February 13, 2009

С точки зрения реальных браузеров, как правило, ничем. Но формально HTML 4.01 и XHTML 1.0 - разные языки, хоть и с одинаковым словарем (набором элементов и атрибутов), но с существенно разным синтаксисом (SGML и XML соотв-но). И многие записи из одного синтаксиса в другом либо недопустимы, либо имеют другой смысл. Так что крайне желательно соблюдать правила синтаксиса того языка, который объявлен в доктайпе. А то мало ли...

solovets-denis · February 13, 2009

С точки зрения реальных браузеров, как правило, ничем. Но формально HTML 4.01 и XHTML 1.0 - разные языки, хоть и с одинаковым словарем (набором элементов и атрибутов), но с существенно разным синтаксисом (SGML и XML соотв-но). И многие записи из одного синтаксиса в другом либо недопустимы, либо имеют другой смысл. Так что крайне желательно соблюдать правила синтаксиса того языка, который объявлен в доктайпе. А то мало ли...

Прочитал про доктайпы, вставил нужный, спасибо, буду знать :-)

И баг свой исправил.

SelenIT · February 13, 2009

вставил нужный

Зря, прежний лучше был. 4.0 всё-таки устарел. 4.01 для 99% нормальных сайтов для людей - самое то. Просто не надо было синтаксисы смешивать...

Sign In

Корректное отображение position в Опере

Question

solovets-denis

Link to comment

Share on other sites

8 answers to this question

Recommended Posts

homm

Link to comment

Share on other sites

SelenIT

Link to comment

Share on other sites

solovets-denis

Link to comment

Share on other sites

SelenIT

Link to comment

Share on other sites

solovets-denis

Link to comment

Share on other sites

SelenIT

Link to comment

Share on other sites

solovets-denis

Link to comment

Share on other sites

SelenIT

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information