Выход меню из блока

Статус
Закрыто для дальнейших ответов.

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 138
http://www.xiper.net/collect/html-and-css-tricks/navigation/rubber-menu.html
 

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 138
Какой браузер? Если нативный, не хром, то там проблем больше чем ие6 может быть.
 

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 138
мобильные браузеры
Ну так конкретнее, на чем проверяешь-то?
Опера, Хром, Нативный?

В переведенном примере у тебя с шрифтами всё в порядке
Код:
font-family: Arial,Helvetica,sans-serif;
Есть предположение, что не работает
Код:
min-width: 1020px;
(дважды встречается)
 
Регистрация
23.04.2013
Сообщения
16
мобильные браузеры
Ну так конкретнее, на чем проверяешь-то?
Опера, Хром, Нативный?

В переведенном примере у тебя с шрифтами всё в порядке
Код:
font-family: Arial,Helvetica,sans-serif;
Есть предположение, что не работает
Код:
min-width: 1020px;
(дважды встречается)
все мобильные браузер в на Android
 

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 138
В общем у тебя проблема, как ты и сказал - из-за шрифтов.
На мобильных устройствах другие шрифты.

А ты сделал ширину блоков равную шрифт+паддинг
Подобную ошибку можно воспроизвести и на компе поставив другой шрифт.

Решается эта проблема либо выставлением фиксированной ширины блокам (в т.ч. и в процентах можно), либо делать надо меню как по ссылке выше, или например на таблицах )))
 
Регистрация
23.04.2013
Сообщения
16
В общем у тебя проблема, как ты и сказал - из-за шрифтов.
На мобильных устройствах другие шрифты.

А ты сделал ширину блоков равную шрифт+паддинг
Подобную ошибку можно воспроизвести и на компе поставив другой шрифт.

Решается эта проблема либо выставлением фиксированной ширины блокам (в т.ч. и в процентах можно), либо делать надо меню как по ссылке выше, или например на таблицах )))
вы можете помочь сделать? по процентам я пробую но у меня не пллучается не как
 

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 138
Сделано с применением техники из статьи ранее озвучиваемой.

http://jsfiddle.net/BaNru/qpEpR/

Строки которые у себя удалять или заменять - я закомментировал

А те, что добавлять я пометил /* !!! */

Конечно данный вариант не работает как надо в IE 6-7!
 
Регистрация
23.04.2013
Сообщения
16
а можно как то прикрепить шрифт чтобы он не где не менялся и все
 

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 138
а можно как то прикрепить шрифт чтобы он не где не менялся и все
100% гарантии нету.
90%: используй, например, Google Fonts

Даже если 100% подключиться шрифт - проблема не решиться, ибо у устройств есть ещё такое понятие, как ppi
Есть конечно и от этого частичное решение - указывать шрифт точно в пикселях, но это может вызвать другие проблемы )))
 
Статус
Закрыто для дальнейших ответов.
Верх Низ