powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / меню сползает вниз в браузере сафари
31 сообщений из 31, показаны все 2 страниц
меню сползает вниз в браузере сафари
    #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
меню сползает вниз в браузере сафари
    #38420208
fobster
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
сайт: lemma-resource.ru
...
Рейтинг: 0 / 0
меню сползает вниз в браузере сафари
    #38420214
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Этого мало. Нужна еще разметка. И айфон.
...
Рейтинг: 0 / 0
меню сползает вниз в браузере сафари
    #38420232
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
AntonariyИ айфон.
Остальное не обязательно...
...
Рейтинг: 0 / 0
меню сползает вниз в браузере сафари
    #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
меню сползает вниз в браузере сафари
    #38420250
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
fobster , а айфон где!
...
Рейтинг: 0 / 0
меню сползает вниз в браузере сафари
    #38420252
fobster
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
да нет у меня айфона!
он у заказчика!))
...
Рейтинг: 0 / 0
меню сползает вниз в браузере сафари
    #38420256
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Млин!


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

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

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

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

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

На айфоне "что-то" стало чуть шире и оно не помещается.
Самое тривиальное решение уже предложили выше
Zoriaтаблицей
...
Рейтинг: 0 / 0
меню сползает вниз в браузере сафари
    #38420535
fobster
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
спасибо всем за мнения, все учту. =)
...
Рейтинг: 0 / 0
меню сползает вниз в браузере сафари
    #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
меню сползает вниз в браузере сафари
    #38421120
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
fobsterкароче, меню переделано на таблицу, все равно сползает меню!
Так же как на первой картинке?
...
Рейтинг: 0 / 0
меню сползает вниз в браузере сафари
    #38421182
fobster
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
krvsa,

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

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

у меня единственное предположение - закеширована страница :)
...
Рейтинг: 0 / 0
меню сползает вниз в браузере сафари
    #38421269
fobster
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
на виндовой сафари, все остается на месте!
...
Рейтинг: 0 / 0
меню сползает вниз в браузере сафари
    #38421688
st_st
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
На айфоне зелёная полоска (это меню видимо) располагается в одну линию.
...
Рейтинг: 0 / 0
меню сползает вниз в браузере сафари
    #38421706
Zoria
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
st_st,

и заказчик, видать, автора троллит :)
...
Рейтинг: 0 / 0
меню сползает вниз в браузере сафари
    #38422296
st_st
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Zoria,

потролливает так понемногу, чтоб живее работал :)
...
Рейтинг: 0 / 0
меню сползает вниз в браузере сафари
    #38422520
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Zoriaу меня единственное предположение - закеширована страница :)
А другого и быть не может! Потому как табличка так никогда не разорвется...
Если табличке мало места, она максимум станет больше в высоту.
...
Рейтинг: 0 / 0
меню сползает вниз в браузере сафари
    #38422594
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
krvsaЕсли табличке мало места, она максимум станет больше в высоту.Нее, максимум, это когда все переносы будут использованы, она заставить страницу скроллиться по горизонтали. :)
А если сделать table-layout:fixed и размеры в процентах, то будет обрезать текст в ячейках.
...
Рейтинг: 0 / 0
меню сползает вниз в браузере сафари
    #38422707
Zoria
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
автора в студию!!! :)
что там слышно нового на фронте айфонов?
...
Рейтинг: 0 / 0
меню сползает вниз в браузере сафари
    #38422857
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Antonariy , конечно все зависит от ЦСС-свойств... Но рвать колонки один фик не станет.
...
Рейтинг: 0 / 0
31 сообщений из 31, показаны все 2 страниц
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / меню сползает вниз в браузере сафари
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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