Прыгают блоки div при масштабировании

@KsandrL · Регистрация: 18.11.2010

Студворк — интернет-сервис помощи студентам

Когда я начинаю масштабировать браузер, то у меня все блоки и т.д. смещаются. В чем может быть проблема. А то уже пол дня мучаюсь. Вот ссылка на сайте http://osago25.com

@GoDr · 30.11.2015, 09:06

Открыл сайт. Какие блоку куда прыгают..

Такой размер сайта. что у меня всегда горизонтальная прокрутка

@KsandrL · 30.11.2015, 12:26 **[ТС]**

ctrl+колесика мышки. Масштабирования когда делаешь, все прыгать начинает, на других сайтах я такого не замечал.

@mrBobrillo · 30.11.2015, 12:41

Сообщение от KsandrL

ctrl+колесика мышки. Масштабирования когда делаешь, все прыгать начинает, на других сайтах я такого не замечал.

KsandrL А зачем скажите на милость вы так делаете?

@KsandrL · 30.11.2015, 12:52 **[ТС]**

Сообщение от mrBobrillo

KsandrL А зачем скажите на милость вы так делаете?

Ну к примеру, я на некоторых сайтах так делаю, а иногда и случайно могу так сделать. А некоторые просто врубят масштаб 90% или 110% и лазиют дальше спокойно. И я не хочу чтоб случайно так зашли ко мне и увидели что у меня там творится беспорядок. Вот я и хочу сделать так, чтоб сайт при таких случаях выглядел прилично.

Добавлено через 3 минуты
Да и вообще, я хочу научиться делать сразу так, чтоб не съезжали блоки и т.д. при подобных ситуациях, хочу сразу верстать полноценный сайт. А не искать потом причины.

@mrBobrillo · 30.11.2015, 12:57

KsandrL Скажу так, не знаю на сколько по статистике народу специально увеличивают масштаб, но вы в первую очередь вдаетесь в крайности, + у меня есть сомнения, что многие так делают.
Что сказать по структуре сайта? Ее следует полностью переверстать. Но как я понял, у вас не слишком много опыта в верстке?

Сообщение от KsandrL

Да и вообще, я хочу научиться делать сразу так, чтоб не съезжали блоки и т.д. при подобных ситуациях, хочу сразу верстать полноценный сайт. А не искать потом причины.

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

@KsandrL · 30.11.2015, 12:58 **[ТС]**

И еще момент, вот я зашел с телефона на свой сайт и у меня съехал подвал влево. Как это можно исправить. Такой только на телефоне.

@mrBobrillo · 30.11.2015, 12:59

Сообщение от KsandrL

И еще момент, вот я зашел с телефона на свой сайт и у меня съехал подвал влево. Как это можно исправить. Такой только на телефоне.

Ну если вы уж стремитесь заходить и с телефона, то изучайте тогда адаптивную верстку. Тогда будет все более адекватно смотреться.

@KsandrL · 30.11.2015, 13:03 **[ТС]**

Сообщение от mrBobrillo

Что сказать по структуре сайта? Ее следует полностью переверстать. Но как я понял, у вас не слишком много опыта в верстке?

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

Добавлено через 3 минуты

Сообщение от mrBobrillo

Ну если вы уж стремитесь заходить и с телефона, то изучайте тогда адаптивную верстку. Тогда будет все более адекватно смотреться.

Вот еще кстати моя страничка, недавно сделал и жду появления игры, пока можно сказать автоматизирую ее под джумлу потихоньку, так вот, нормальная ли здесь верстка, кстати таких плаваний блоков там нету, хотя из одного и того же примера брал. http://leinfo.ru/. И если есть какие та грубые ошибки, можно их сказать.

@mrBobrillo · 30.11.2015, 13:10

KsandrL Сейчас на самом деле очень много различных источников. Вам стоит хорошенько погуглить и наверняка вы наткнетесь на уйму полезной информации. Я это говорю исходя из опыта, так как тоже начинал так же. Посмотрите на сетку тех же фреймворков (bootstrap, foundation), проанализируйте ее, попрактикуйтесь на их примере не прибегая к использованию их фреймворков.

Добавлено через 2 минуты
Вы используете слишком много маржинов и даже в тех местах, где можно использовать паддинги ... это как бы основное замечание

Добавлено через 2 минуты

Сообщение от KsandrL

Вот еще кстати моя страничка, недавно сделал и жду появления игры, пока можно сказать автоматизирую ее под джумлу потихоньку, так вот, нормальная ли здесь верстка, кстати таких плаваний блоков там нету, хотя из одного и того же примера брал. http://leinfo.ru/. И если есть какие та грубые ошибки, можно их сказать.

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

@KsandrL · 30.11.2015, 13:12 **[ТС]**

Сообщение от mrBobrillo

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

На счет новостей я знаю, там корявый модуль, буду новый искать и делать.

@ЕвгенийКор · 30.11.2015, 13:50

У вас случаем не та верстка, где советуют прижимать весь сайт в левому краю с помощью float:left ? Просто я уже один раз столкнулся с проблемой этих float-ов и больше не особо доверяю различным видеоурокам, хотя из многих можно получить бесценный опыт, а так лучше читать книги, хотя и там мнения расходятся

@mrBobrillo · 30.11.2015, 13:56

ЕвгенийКор Все приходит с практикой, опытом и работой над ошибками. Только тогда вы будете совершенствоваться + не забывать изучать что то новенькое.

@ЕвгенийКор · 30.11.2015, 19:12

Сообщение от mrBobrillo

ЕвгенийКор Все приходит с практикой, опытом и работой над ошибками. Только тогда вы будете совершенствоваться + не забывать изучать что то новенькое.

Это самое главное

Новые блоги и статьи Все статьи Все блоги /
10 пpимет, которые всегда сбываются Maks 31.03.2026 1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .	Перемещение выделенных строк ТЧ из одного документа в другой Maks 31.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .	Functional First Web Framework Suave DevAlt 30.03.2026 Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .	Автоматическое создание документа при проведении другого документа Maks 29.03.2026 Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .
Настройка движения справочника по регистру сведений Maks 29.03.2026 Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .	Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .	Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .	Автозаполнение реквизитов при создании документа Maks 26.03.2026 Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .

@KsandrL 1 / 1 / 0 Регистрация: 18.11.2010 Сообщений: 41

	Прыгают блоки div при масштабировании 30.11.2015, 01:06. Показов 2644. Ответов 13 Метки нет (Все метки) Когда я начинаю масштабировать браузер, то у меня все блоки и т.д. смещаются. В чем может быть проблема. А то уже пол дня мучаюсь. Вот ссылка на сайте http://osago25.com 0

@GoDr 90 / 79 / 33 Регистрация: 17.08.2015 Сообщений: 512 Записей в блоге: 1
	30.11.2015, 09:06
	Открыл сайт. Какие блоку куда прыгают.. Такой размер сайта. что у меня всегда горизонтальная прокрутка 0

@KsandrL 1 / 1 / 0 Регистрация: 18.11.2010 Сообщений: 41
	30.11.2015, 12:26 [ТС]
	ctrl+колесика мышки. Масштабирования когда делаешь, все прыгать начинает, на других сайтах я такого не замечал. 0

@KsandrL 1 / 1 / 0 Регистрация: 18.11.2010 Сообщений: 41
	30.11.2015, 12:58 [ТС]
	И еще момент, вот я зашел с телефона на свой сайт и у меня съехал подвал влево. Как это можно исправить. Такой только на телефоне. 0

@ЕвгенийКор 1 / 1 / 0 Регистрация: 30.11.2015 Сообщений: 103
	30.11.2015, 13:50
	У вас случаем не та верстка, где советуют прижимать весь сайт в левому краю с помощью float:left ? Просто я уже один раз столкнулся с проблемой этих float-ов и больше не особо доверяю различным видеоурокам, хотя из многих можно получить бесценный опыт, а так лучше читать книги, хотя и там мнения расходятся 0

@mrBobrillo 49 / 42 / 25 Регистрация: 18.11.2015 Сообщений: 279
	30.11.2015, 13:56
	ЕвгенийКор Все приходит с практикой, опытом и работой над ошибками. Только тогда вы будете совершенствоваться + не забывать изучать что то новенькое. 1