Правила     Закладки     Карма    Календарь    Журналы    Помощь    Поиск    PDA    Чат   
        СМС-ки
   
Пейджер выключен!
 
Фильтр авторов:    показать 
  скрыть
  Ответ в темуСоздание новой темыСоздание опроса

> Странное влияние min-width
Владимир55  
 ۩  Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Любопытный
******

Профиль
Группа: Форумчанин
Завсегдатай форума
Сообщений: 916
Пользователь №: 27293
На форуме: 5 лет, 7 месяцев, 26 дней
Карма: -1




Сайт с адаптивным дизайном состоит из двух колонок.

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

При уменьшении размера окна браузера менее 800 рх две колонки отображаются одна под другой.
Это работает нормально.

Но на практике нужно, чтобы левая колонка, в которой будет меню, была не уже 220рх. И потому в макет добавлено соответствующее ограничение min-width. Результат здесь.

Как видите, почему-то сначала появляется вот такая дефектная картинка, как в скриншоте, и лишь при последующем сужении все нормализуется.

Почему возникает этот дефект?

Присоединённое изображение
Присоединённое изображение
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
walerus  
Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Чтобы все !
******

Профиль
Группа: Форумчанин
Завсегдатай форума
Сообщений: 1965
Пользователь №: 26852
На форуме: 5 лет, 8 месяцев, 18 дней
Карма: 111




У меня показывает нормально сразу

Присоединённое изображение
Присоединённое изображение
PMПисьмо на e-mail пользователюICQ
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
comolov  
Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Новичок
*

Профиль
Группа: Пользователь
Сообщений: 5
Пользователь №: 43142
На форуме: 5 месяцев
Карма: 1




Всё дело в процентных соотношениях. Если убрать padding 1% у #Contour_page - всё нормализуется, если padding нужен тогда можно задать медиазапрос не 800 а 820 px.
И ещё не там поставил ;
<div style="background-color:#CC3";> <!-- Начало Футера -->

PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
  Быстрый ответ
Информация о Госте
Введите Ваше имя
Кнопки кодов
Для вставки цитаты, выделите нужный текст и
НАЖМИТЕ СЮДА
Введите сообщение
Смайлики
:huh:  :o  ;) 
:P  :D  :lol: 
B)  :rolleyes:  <_< 
:)  :angry:  :( 
:unsure:  :blink:  :ph34r: 
     
Показать всё

Опции сообщения  Включить смайлики?
 Включить подпись?
 
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:

Опции темы Ответ в темуСоздание новой темыСоздание опроса