Адаптивность сайта

@Mafia50000 · Регистрация: 10.07.2016

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

Ребят, мне надо сделать адаптивность свое сайта. Но я этого вообще не знаю. Помогите пожалуйста.
Расскажу суть, при увеличение или уменьшении сайта, весь шаблон плывёт. Как это исправить я не знаю, помогите пожалуйста.

PS
Многие этот шаблон уже видели, но я его переделал

@Mafia50000 · 24.12.2016, 14:40 **[ТС]**

Ошибка, нужно сделать резиновую вёрстку

@mrtoxas · 25.12.2016, 00:08

Давайте я вам по всем основным ошибкам пройдусь.
1. У вас основной контент два раза завернут в тег ? Тег инлайновый, в него нельзя заворачивать блоки, в него заворачивается только текст.
2. Непонятный и не нужный блок с классом "clear" перед "logo". Вы не правильно поняли суть очистки потока.
3. Название, возле лого, вы выполнили при помощи того же тега , но тут вы еще и добавили . Тэгу  там не место, этот тег определяет параграф.
4. Не ставьте подряд больше одного тега  , если нужен отступ больше, это делается стилями.
5. Нет четкой структуры документа.
Для начала хватит. Итак, в свете всего вышеизложенного, я вообще диву даюсь, как оно там еще что-то держится, а вы говорите про резиновость и адаптивность.

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

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .	SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .
SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .

@Mafia50000 0 / 0 / 2 Регистрация: 10.07.2016 Сообщений: 45
	24.12.2016, 14:40 [ТС]
	Ошибка, нужно сделать резиновую вёрстку 0

@mrtoxas 3827 / 2677 / 1521 Регистрация: 12.07.2015 Сообщений: 6,672 Записей в блоге: 4
	25.12.2016, 00:08
	Давайте я вам по всем основным ошибкам пройдусь. 1. У вас основной контент два раза завернут в тег `<b>`? Тег <b> инлайновый, в него нельзя заворачивать блоки, в него заворачивается только текст. 2. Непонятный и не нужный блок с классом "clear" перед "logo". Вы не правильно поняли суть очистки потока. 3. Название, возле лого, вы выполнили при помощи того же тега `<b>`, но тут вы еще и добавили `<p>`. Тэгу `<p>` там не место, этот тег определяет параграф. 4. Не ставьте подряд больше одного тега `<br>`, если нужен отступ больше, это делается стилями. 5. Нет четкой структуры документа. Для начала хватит. Итак, в свете всего вышеизложенного, я вообще диву даюсь, как оно там еще что-то держится, а вы говорите про резиновость и адаптивность. Тут надо все переверстывать. Начните с изучения основных тегов и их свойств. Научитесь правильно разбивать страницу на основные блоки и строить сетку(каркас). Научитесь эту сетку делать адаптивной и резиновой. Потом, поэтапно, эту сетку уже набивайте содержимым. 0