Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 16.07.2013, 09:18   #1
Tir55
Пользователь
 
Регистрация: 16.07.2013
Сообщений: 14
По умолчанию Проблемы при масштабировании

Здравствуйте. Есть сайт по адресу 37тчк143тчк10тчк133. Проблема заключается в том, что при масштабировании страницы смещается вниз пункт main menu "контакты". Проявляется проблема во всех браузерах кроме Internet Explorer. Подскажите пожалуйста как это исправить.
Tir55 вне форума Ответить с цитированием
Старый 16.07.2013, 10:08   #2
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

Грязный хак:
Код:
.dm_widget_inner.main_menu > ul {
    width: 110%;
}
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 16.07.2013, 10:31   #3
Tir55
Пользователь
 
Регистрация: 16.07.2013
Сообщений: 14
По умолчанию

Naive, да это помогает в том, что "контакты" не смещаются вниз, но они торчат справа, это тоже не очень красиво. Хотелось бы чтобы меню было такой же ширины как контентная часть и ничего никуда не смещалось.
Tir55 вне форума Ответить с цитированием
Старый 16.07.2013, 12:14   #4
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

При разных масштабах шрифты рендерятся по-разному, а ширина пунктов меню зависит от размера шрифта (для разных масштабов браузер подбирает наиболее подходящий размер), в то время как все остальное задается через жесткие размеры попиксельно и масштабируется правильно...
Тут я вижу 4 выхода:
1. переверстать на инлайн-блоках, дав пространство между пунктов и раздвинуть их по ширине.
2. задать жесткие размеры пунктам /каждому пункту.
3. переверстать весь макет на размерах относительно размера шрифта, em (хз, поможет ли, никогда не пробовал)
4. забить
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 16.07.2013, 12:36   #5
Tir55
Пользователь
 
Регистрация: 16.07.2013
Сообщений: 14
По умолчанию

А как реализовать 2 вариант?
Tir55 вне форума Ответить с цитированием
Старый 16.07.2013, 16:12   #6
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

ну прописываем каждому пункту меню свою ширину в пикселях, либо общую одинаковую...
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 16.07.2013, 21:59   #7
Tir55
Пользователь
 
Регистрация: 16.07.2013
Сообщений: 14
По умолчанию

Прописал в классе .main_menu ul li .link параметр width: 166px. Вот что получилось
Изображения
Тип файла: jpg 2013-07-16_215315.jpg (29.7 Кб, 160 просмотров)
Tir55 вне форума Ответить с цитированием
Старый 17.07.2013, 08:58   #8
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

Ширина у вас задается центральным блоком, а не самой ссылкой:
Код:
 .main_menu ul li .link .c {...}
... Если каждому задать необходимую ширину, то может получится симпатично... одинаковая ширина выглядит убогонько...
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 17.07.2013, 10:11   #9
Tir55
Пользователь
 
Регистрация: 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 меню чуть уже чем в других браузерах. Для него отдельно можно как то ширину задать, не добавляя новый класс?
И как сделать чтобы пункты в две строки по вертикали отображались по цетру?
Изображения
Тип файла: jpg 2013-07-17_100910.jpg (26.2 Кб, 128 просмотров)
Tir55 вне форума Ответить с цитированием
Старый 17.07.2013, 10:42   #10
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

Код:
.main_menu ul > li:nth-child(1) .link span.c {
    width: 120px;
}
для первого...
Alar, верни репу!
Naive вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Блоки расплываются при масштабировании страницы! 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