X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Проблема с отображением на мобильных устройствах. Помогите, пожалуйста.
Stranger-87
Stranger-87
Topic Starter сообщение 25.2.2014, 11:36; Ответить: Stranger-87
Сообщение #1


Помогите, пожалуйста, с проблемой.
Есть какой то конкретный каркас. Я задаю контейнеру (там, где будет находиться весь контент), предположим, ширину в 1024px. При этом хочу сделать верхнюю строку на всю ширину экрана, то есть, я помещаю его НЕ в контейнер и задаю определенную высоту и width=100%.
И тут возникает проблема - если экран, предположим, >1024, то полоса без проблем тянется, но стоит открыть верстку в разрешении, например, с iPad или с любого другого мобильного устройства, или при просмотре через эмулятор мобильных устройств, эта полоса внезапно прерывается.При чем, это происходит, если делаю, например, background:url("какой-то путь") repeat-x transparent;
Такая же проблема и в футере.
Надеюсь, понятно объяснил.
Помогите, пожалуйста, уже весь мозг сломал, но задачу не решил, к сожалению.
Ниже простейший пример проблемы
<!DOCTYPE html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Main</title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="viewport" content="width=device-width; initial-scale=1">



<!--<script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>-->
<style>
body{
margin:0px;
padding:0px;
}
.stripe{
height:50px;
width:100%;
background-color:black;
}
.red{
height:400px;
width:100%;
background-color:red;

}
.container{
width:1024px;
margin:0 auto;
}
</style>
</head>
<body>
<div class="stripe"></div>
<div class="container">
<ul>
<li><a href="">Пункт 1</a></li>
<li><a href="">Пункт 2</a></li>
<li><a href="">Пункт 3</a></li>

</ul>
<div class="red"></div>
</div>
</body>
</html>


Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Помогите вспомнить рекламного бота Телеграм для обмена рекламой
0 Mixatraider 723 21.2.2024, 23:42
автор: Mixatraider
Открытая тема (нет новых ответов) "Извините, что ожидание затянулось, но не думайте, пожалуйста, что мы про вас забыли. Мы заводим задачи по всем обращениям и контролируем работу над ними самым тщательным образом."
Вопрос
0 kuz999 1242 5.2.2024, 14:06
автор: kuz999
Открытая тема (нет новых ответов) Бурст мобильных приложений в ТОП1 Apple App Store
2 caa 1008 19.4.2021, 20:11
автор: caa
Открытая тема (нет новых ответов) Mobinet.io - первый маркетплейс мобильных прокси | Создавай, покупай и продавай
3 Mobinet 1661 25.12.2020, 8:28
автор: Mobinet
Открытая тема (нет новых ответов) Помогите рещить проблему с монитором.
Почему низкое разрешение при подключении монитора через displayport?
0 Levels 1701 11.12.2020, 0:48
автор: Levels


 



RSS Текстовая версия Сейчас: 17.4.2024, 2:21
Дизайн