Jump to content
  • 0

Проблемы с "position: fixed" под Chrome


Konung
 Share

Question

Всем здравствуйте!

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

Проблема у меня следующая.

Нужно в шаблоне страницы сделать зафиксированную шапку (ну и еще левое меню). Сделал я это, навесив на требуемые слои атрибут "position: fixed".

Под IE и Mozill'ой глюков не обнаруживается, а вот под любимым мною Chrome'ом вдруг получил гимор. Выглядит это так:

bad.png

Хром рисует страницу, не успев расставить слои по позициям. Например, как видно на рисунке левое меню отрисовано по центру.

Refresh страницы ситуацию исправляет полностью.

good.png

"Сдвиги" возникают не всегда, но с постоянством, достойным лучшего применения и в разных вариантах (обычно, как и на рисунке, один из слоев с "position: fixed" отрисосвывается по центру). 

Кто-нибудь с подобным сталкивался, и как с этим боролся? Заранее благодарен.))))

Не с

 

Link to comment
Share on other sites

3 answers to this question

Recommended Posts

  • 0

Нет, дело было не в этом.

Оказывается Chrome так жестоко переживает ситуацию, когда слои с атрибутом "position: fixed;" лежат не на самом верхнем уровне, а разложены по ячейкам таблицы. В принципе, вычислив это методом "тыка", можно увидеть в этом некоторую логику. ))

Большое спасибо откликнувшимся :)))

 

P.S.

Упссс....

еще их можно вставить на прямую в body

если вы имели ввиду "их"="слои", то - да - дело было именно в этом.

Edited by Konung
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy