помогите разобраться

psywalker · February 21, 2009

Ребят, у меня следующая проблема:

Я сделал фиксированную ширину у body 120.4em и отцентрировал, то есть теперь мой сайт располагается ровно по центру, потом я назначил <div id="content"> position: relative; но вот незадача:

При расширении экрана в браузере ИЕ7 мой <div id="content"> почему то остаётся на месте, пока я не обновлю страницу. А вместо этого он должен сразу двигаться на середину экрана.

Один друг мне посоветовал прописать у Контейнера с position: relative; #content{height:1%;}, но почему то это не работает, может кто подскажет, в чём проблема и как она решается?

вот html:

http://psywalker2008.narod.ru/Nep/index.html

вот CSS:

http://psywalker2008.narod.ru/Nep/style.css

Searcher · February 21, 2009

похоже, что IE пугается position:relative;

вот так должно работать:

* { padding: 0; margin: 0;}
html { font-size: 100%; width:100%; }
body { font: .625em Arial, Helvetica, sans-serif; width: 102.4em; margin: 0 auto;}
#head { padding: 1em;}
#head a { text-decoration: none; color: #999; float: right; padding: 0 1em; border-right: 1px solid #999; margin-top: 3em;}
#head p { width: 20em; text-align: right;}
#content { border: 1px solid #999;}

psywalker · February 21, 2009

Searcher

Я понимаю, но мне принципиально нужно, чтобы <div id="content"> был position: relative;, так как потом я хочу многое там Позиционировать Абсолютно :rolleyes:

NuShiKo · February 21, 2009

В теории не думала почему так :rolleyes: но работает все правильно если ширину и позиционирование прописать не для боди, а для объемлющего дива, в котором уже лежит все остальное. Во всех браузерах сейчас не проверяла, но у меня на одном из сайтов было так и вроде работало везде.

#all {position: relative; margin: 0 auto 0 auto; width: 102.4em;}

psywalker · February 21, 2009

NuShiKo

Согласен, так работает , но есть одна вещь:

Мне бы очень не хотелось использовать лишний элемент Див.

Я бы очень хотел узнать решение этой проблемы, тоесть почему именно так происходит и как это решается?

rus · February 21, 2009

Не знаю связано это или нет, но пища к размышлению, что б было все правильно:

Единица em отталкивается от размера основного шрифта документа. Предположим, что для всей страницы мы установили шрифт размером 14 пунктов (пример 1), тогда единица 1em будет эквивалентна 14pt.

Ссылка на источник.

NuShiKo · February 21, 2009

ie7 явно "не нравится" относительно позиционированный элемент относительно контейнера <body>,

на практике проблема решается указанием для <body> position: relative; также помогает указание ширины <body> в процентах...

Если мне кто-нибудь объяснит в чем тут логика, скажу спасибо :rolleyes:

Edited February 21, 2009 by NuShiKo

psywalker · February 21, 2009

rus погоди, а я просто не понял, к чему ты это? Это ведь никак не решает мою проблему :rolleyes:

NuShiKo Вот отличная идея, ответ можно сказать Найден, спасибо тебе..

Теперь только остался один единственный вопрос: Почему так происходит и почему именно так решается эта задача?

А кстати, повесив на <body> position: relative; не могут ли возникнуть проблемы в будущем? Вообще вешать на <body> position: relative; считается безопасно?

Edited February 21, 2009 by psywalker

Sign In

помогите разобраться

Question

psywalker

Link to comment

Share on other sites

7 answers to this question

Recommended Posts

Searcher

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

NuShiKo

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

rus

Link to comment

Share on other sites

NuShiKo

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information