|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
|
Опции темы | Поиск в этой теме |
16.07.2013, 09:18 | #1 |
Пользователь
Регистрация: 16.07.2013
Сообщений: 14
|
Проблемы при масштабировании
Здравствуйте. Есть сайт по адресу 37тчк143тчк10тчк133. Проблема заключается в том, что при масштабировании страницы смещается вниз пункт main menu "контакты". Проявляется проблема во всех браузерах кроме Internet Explorer. Подскажите пожалуйста как это исправить.
|
16.07.2013, 10:08 | #2 |
Раздолбайских Дел
Старожил
Регистрация: 22.05.2009
Сообщений: 3,828
|
Грязный хак:
Код:
Alar, верни репу!
|
16.07.2013, 10:31 | #3 |
Пользователь
Регистрация: 16.07.2013
Сообщений: 14
|
Naive, да это помогает в том, что "контакты" не смещаются вниз, но они торчат справа, это тоже не очень красиво. Хотелось бы чтобы меню было такой же ширины как контентная часть и ничего никуда не смещалось.
|
16.07.2013, 12:14 | #4 |
Раздолбайских Дел
Старожил
Регистрация: 22.05.2009
Сообщений: 3,828
|
При разных масштабах шрифты рендерятся по-разному, а ширина пунктов меню зависит от размера шрифта (для разных масштабов браузер подбирает наиболее подходящий размер), в то время как все остальное задается через жесткие размеры попиксельно и масштабируется правильно...
Тут я вижу 4 выхода: 1. переверстать на инлайн-блоках, дав пространство между пунктов и раздвинуть их по ширине. 2. задать жесткие размеры пунктам /каждому пункту. 3. переверстать весь макет на размерах относительно размера шрифта, em (хз, поможет ли, никогда не пробовал) 4. забить
Alar, верни репу!
|
16.07.2013, 12:36 | #5 |
Пользователь
Регистрация: 16.07.2013
Сообщений: 14
|
А как реализовать 2 вариант?
|
16.07.2013, 16:12 | #6 |
Раздолбайских Дел
Старожил
Регистрация: 22.05.2009
Сообщений: 3,828
|
ну прописываем каждому пункту меню свою ширину в пикселях, либо общую одинаковую...
Alar, верни репу!
|
16.07.2013, 21:59 | #7 |
Пользователь
Регистрация: 16.07.2013
Сообщений: 14
|
Прописал в классе .main_menu ul li .link параметр width: 166px. Вот что получилось
|
17.07.2013, 08:58 | #8 |
Раздолбайских Дел
Старожил
Регистрация: 22.05.2009
Сообщений: 3,828
|
Ширина у вас задается центральным блоком, а не самой ссылкой:
Код:
Alar, верни репу!
|
17.07.2013, 10:11 | #9 |
Пользователь
Регистрация: 16.07.2013
Сообщений: 14
|
Я не могу добавить новые классы, а без этого ведь никак каждому свою ширину не задать?
Сделал так: .main_menu ul li .link span.l{ width: 0.6px; background-position: -0.6px 0px; .main_menu ul li .link span.r{ width: 0.6px; background-position: 0px 0px; .main_menu ul li .link span.c width: 116px; Масштабируется нормально, но в IE меню чуть уже чем в других браузерах. Для него отдельно можно как то ширину задать, не добавляя новый класс? И как сделать чтобы пункты в две строки по вертикали отображались по цетру? |
17.07.2013, 10:42 | #10 |
Раздолбайских Дел
Старожил
Регистрация: 22.05.2009
Сообщений: 3,828
|
Код:
Alar, верни репу!
|
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Блоки расплываются при масштабировании страницы! | i-luk-i@mail.ru | HTML и CSS | 0 | 01.02.2013 18:40 |
Непонятный касяк при масштабировании | Montysson | Общие вопросы Delphi | 2 | 15.12.2011 23:27 |
Проблема с выравниванием при масштабировании | wois | HTML и CSS | 5 | 06.12.2011 08:45 |
Проблемы при запуске | Asheronliner | Общие вопросы Delphi | 4 | 16.02.2011 01:25 |
Проблемы при сортировке | Casper83 | Microsoft Office Excel | 3 | 26.05.2010 05:55 |