Jump to content
  • 0

Проблема при отображении с мобильных устройств.


Stranger
 Share

Question

Искал в темах, но не нашел подобной.

Помогите, пожалуйста, с проблемой.

Есть какой то конкретный каркас. Я задаю контейнеру (там, где будет находиться весь контент), предположим, ширину в 1024px. При этом хочу сделать верхнюю строку на всю ширину экрана, то есть, я помещаю его НЕ в контейнер и задаю определенную высоту и width=100%.

И тут возникает проблема - если экран, предположим, >1024, то полоса без проблем тянется, но стоит открыть верстку в разрешении, например, с iPad или с любого другого мобильного устройства, или при просмотре через эмулятор мобильных устройств, эта полоса внезапно прерывается.При чем, это происходит, если делаю, например, background:url("какой-то путь") repeat-x transparent;

Такая же проблема и в футере.

Надеюсь, понятно объяснил.

Помогите, пожалуйста, уже весь мозг сломал, но задачу не решил, к сожалению.

 

Хочу прикрепить все связанные файлы архивом, чтобы было понятно Вам, может даже проблема в другом, но не нашел как.

Хелп плиз.
Link to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 0

в данном случае 100% -- блок подстаривается под ширину окна браузера, а не контента.

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

Link to comment
Share on other sites

  • 0

в данном случае 100% -- блок подстаривается под ширину окна браузера, а не контента.

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

могу я как нибудь вам переслать файл в архиве, чтобы вы на примере показали? Может что то еще предложите. Просто там сложная структура, сам уже не смог разобраться.

Edited by Stranger
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