Прыгают блоки 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

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

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

Новые блоги и статьи Все статьи Все блоги /
Подключение Box2D v3 к SDL3 для Android: физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
Влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .

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

	Прыгают блоки div при масштабировании 30.11.2015, 01:06. Показов 2591. Ответов 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