Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / меню сползает вниз в браузере сафари / 25 сообщений из 31, страница 1 из 2
08.10.2013, 13:36
    #38420207
fobster
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
меню сползает вниз в браузере сафари
Привет!
Меню на моем сайта при просмотре сайта с айфона (вероятно используется браузер сафари) сползает на строку вниз. вот сайт:
тестирован сайт на опере, IE.
вот код:
Код: sql
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
.menu_nav{
	margin:0;
	padding:0;
	height:80px;
	font:Arial;
	border: 1px solid white;
	}
#wrapper {
	width: 790px;
	margin: 35px auto 60px auto;
	position: relative;
	background-color: #FFFFFF;
	border: 0px solid red;
	display: table; /* margin-bottom for FF   (?) */
	}


как меню зафиксировать?
...
Рейтинг: 0 / 0
08.10.2013, 13:36
    #38420208
fobster
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
меню сползает вниз в браузере сафари
сайт: lemma-resource.ru
...
Рейтинг: 0 / 0
08.10.2013, 13:37
    #38420214
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
меню сползает вниз в браузере сафари
Этого мало. Нужна еще разметка. И айфон.
...
Рейтинг: 0 / 0
08.10.2013, 13:45
    #38420232
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
меню сползает вниз в браузере сафари
AntonariyИ айфон.
Остальное не обязательно...
...
Рейтинг: 0 / 0
08.10.2013, 13:49
    #38420240
fobster
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
меню сползает вниз в браузере сафари

Код: sql
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">
<head>
<meta http-equiv="Content-Type" content="text/html"; charset="windows-1251">
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen, projection, tv" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<title>OOO "Лемма-Ресурс"</title>
</head>

<!-- Оболочка страницы -->
<div id="wrapper">

<!-- Шапка -->
    <div id="header-wrapper">
      <div id="header"><!--блок в шапке с логотипом--><br>
      </div><!-- Блок в шапке конец-->
    </div>
<!-- Шапка конец-->

<!-- Меню -->
    <div class="menu_nav">
      <ul>
  	<li><a href="index.html" class="current">Главная</a></li>
	<li><a href="">О компании</a></li>
       <li><a href="">Руководство</a></li>
       <li><a href="">Товары и услуги</a></li>
       <li><a href="">Галерея</a></li>
       <li><a href="">Партнеры</a></li>
       <li><a href="">Контакты</a></li>
      </ul>
   </div>
<!-- Меню конец-->

<h2><br>ДОБРО ПОЖАЛОВАТЬ НА САЙТ!</h2>
<!-- Контент -->
	<!-- Изображения в центре -->
	        <div class="columns">
	 
	            <div class="left-column">
	            </div>
	 
	            <div class="right-column">
	            </div>
  			

	            <div class="middle-column">
	            </div>	          

		</div>
<!-- Контент конец-->
	
<!-- Подвал -->
    <div id="footer">
     <p>
      &copy; «Лемма-Ресурс» | 
    </div>
<!-- Подвал конец -->

<!-- Оболочка страницы конец -->
</div>


</body>
</html>
...
Рейтинг: 0 / 0
08.10.2013, 13:52
    #38420250
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
меню сползает вниз в браузере сафари
fobster , а айфон где!
...
Рейтинг: 0 / 0
08.10.2013, 13:54
    #38420252
fobster
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
меню сползает вниз в браузере сафари
да нет у меня айфона!
он у заказчика!))
...
Рейтинг: 0 / 0
08.10.2013, 13:56
    #38420256
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
меню сползает вниз в браузере сафари
Млин!


Как вариант, просто сделай то меню (пункты его) чуть короче. Оно просто не помещается по ширине...
...
Рейтинг: 0 / 0
08.10.2013, 14:01
    #38420263
fobster
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
меню сползает вниз в браузере сафари
я понимаю, что он по ширине не помещается!
меню должно быть на ширину страницы. как сделать чтобы вообще во всех браузерах, включая и телефоны меню не перемещалось?
...
Рейтинг: 0 / 0
08.10.2013, 14:06
    #38420273
Zoria
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
меню сползает вниз в браузере сафари
fobsterя понимаю, что он по ширине не помещается!
меню должно быть на ширину страницы. как сделать чтобы вообще во всех браузерах, включая и телефоны меню не перемещалось?
таблицей
...
Рейтинг: 0 / 0
08.10.2013, 14:10
    #38420283
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
меню сползает вниз в браузере сафари
fobsterкак сделать чтобы вообще во всех браузерах, включая и телефоны меню не перемещалось?
Так х/з как ты его там сделал...
...
Рейтинг: 0 / 0
08.10.2013, 14:13
    #38420288
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
меню сползает вниз в браузере сафари
fobsterкак меню зафиксировать?
Вспомнился армейский анекдот...

автор- Товарищ прапорщик, остановите поезд...
- Поезд, СТОЙ! Раз, два...
...
Рейтинг: 0 / 0
08.10.2013, 14:16
    #38420300
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
меню сползает вниз в браузере сафари
krvsafobsterкак сделать чтобы вообще во всех браузерах, включая и телефоны меню не перемещалось?
Так х/з как ты его там сделал... Автор и ссылку дал, и html скопипастил... и все равно х.з.? :)

Пасабжу да, можно таблицей.

Или можно заюзать media queries, и при ширине меньше определенного значения, уменьшить шрифт.
...
Рейтинг: 0 / 0
08.10.2013, 14:19
    #38420310
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
меню сползает вниз в браузере сафари
AntonariyАвтор и ссылку дал
Что-то не вижу ссылки...

Antonariyи html скопипастил... и все равно х.з.? :)
А ЦСС? А айфон!
...
Рейтинг: 0 / 0
08.10.2013, 14:20
    #38420314
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
меню сползает вниз в браузере сафари
fobsterсайт: lemma-resource.ru
А вот типа ссылка... А я ищу где же гипперсылочки авторские...
...
Рейтинг: 0 / 0
08.10.2013, 14:21
    #38420317
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
меню сползает вниз в браузере сафари
krvsaAntonariyАвтор и ссылку дал
Что-то не вижу ссылки... ссылки и правда нет, но сайт есть))
14939372
...
Рейтинг: 0 / 0
08.10.2013, 14:36
    #38420348
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
меню сползает вниз в браузере сафари
Посмотрел сайт...
Судя по тому, что у пунктов нет и упоминания про ширину, делаю вывод, что автор просто подобрал ее такую, что менюшка поместилась...

На айфоне "что-то" стало чуть шире и оно не помещается.
Самое тривиальное решение уже предложили выше
Zoriaтаблицей
...
Рейтинг: 0 / 0
08.10.2013, 16:03
    #38420535
fobster
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
меню сползает вниз в браузере сафари
спасибо всем за мнения, все учту. =)
...
Рейтинг: 0 / 0
09.10.2013, 09:19
    #38421091
fobster
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
меню сползает вниз в браузере сафари
кароче, меню переделано на таблицу, все равно сползает меню! и только в браузере сафари!
Код: sql
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
<table width=790px border=1 height=30px >
<tr>
  <td><a href="index.html" class="current">Главная</a></td>
  <td><a href="company.html">О компании</a></td>
  <td><a href="rukovodstvo.html">Руководство</a></td>
  <td><a href="uslugi.html">Товары и услуги</a></td>
  <td><a href="">Галерея</a></td>
  <td><a href="part.html">Партнеры</a></td>
  <td><a href="contact.html">Контакты</a></td>
</tr>
</table>

.css
   TABLE {
    	border-collapse: collapse; /* Убираем двойные границы между ячейками */
    	background: #059650; /* Цвет фона таблицы */
    	border: 1px solid #fff; /* Рамка вокруг таблицы */
	padding:20px 0px; 
	font-size:14px;
	font:Verdana;
   	}

   TABLE a{
	color: #fff;
	text-decoration:none;
	}
...
Рейтинг: 0 / 0
09.10.2013, 09:48
    #38421120
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
меню сползает вниз в браузере сафари
fobsterкароче, меню переделано на таблицу, все равно сползает меню!
Так же как на первой картинке?
...
Рейтинг: 0 / 0
09.10.2013, 10:43
    #38421182
fobster
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
меню сползает вниз в браузере сафари
krvsa,

как говорит заказчик, именно так.
может он надо мной прикалывается? у кого есть айфон?))
...
Рейтинг: 0 / 0
09.10.2013, 11:16
    #38421241
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
меню сползает вниз в браузере сафари
А на виндовой сафари, если окно сузить, не сползает (у меня ее сейчас нет)? По идее поведение одно и то же должно быть.
...
Рейтинг: 0 / 0
09.10.2013, 11:26
    #38421259
Zoria
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
меню сползает вниз в браузере сафари
fobsterkrvsa,

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

у меня единственное предположение - закеширована страница :)
...
Рейтинг: 0 / 0
09.10.2013, 11:30
    #38421269
fobster
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
меню сползает вниз в браузере сафари
на виндовой сафари, все остается на месте!
...
Рейтинг: 0 / 0
09.10.2013, 15:17
    #38421688
st_st
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
меню сползает вниз в браузере сафари
На айфоне зелёная полоска (это меню видимо) располагается в одну линию.
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / меню сползает вниз в браузере сафари / 25 сообщений из 31, страница 1 из 2
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]