Не меняется размер изображения при извинении окна браузера

@Майкл Скоуфилд · Регистрация: 25.09.2015

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

Здравствуйте. Подскажите пожалуйста как решить проблему.
Поля элемента <div id="allcontent"> задав процентах в зависимости от размера окна браузера.
Всё содержимое изменяет размер при изменении размера окна, а картинка в <div id="header"> меняется только до определённого расстояния, а потом вылазит за границу элемента <div id="allcontent">.
Прикреплю архив с содержимым сайта что б могли посмотреть что не так.

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

Примечание: изучаю пока только XHTML и CSS, решения JS не предлагать.

Всем заранее благодарен.

@cthusq · 01.10.2015, 14:54

Вырезаете .png-картинкой с .рsd сам лого - надпись Starbuzz cofe+чайник, на прозрачном фоне, задаете слева, справа пишете текст (...providing), "award-картинку" подгоните посередине, все, удачи.

@Майкл Скоуфилд · 01.10.2015, 15:21 **[ТС]**

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

на прозрачном фоне

Оно и так на прозрачном фоне)
А по поводу действий что за чем не понятно написано абсолютно.
Я конечно извиняюсь но я не профи

@cthusq · 01.10.2015, 15:41

Вроде ничего такого сложного не написано

У Вас картинкой должен быть только логотип, без текста, он отдельно в header :
А вобщем я бы советовал подключить бутстрап или @media для адаптивной верстки.Удачи.

@Майкл Скоуфилд · 01.10.2015, 18:40 **[ТС]**

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

А вообщем я бы советовал подключить бутстрап или @media для адаптивной верстки.

Да сложного там ничего такого нету. Потому что это пример из книги, на котором идёт обучение.
Книга не затронула этот ньюанс, вот и стало интересно.
Если вам не трудно, могли бы отредачить html файл как он должен быть и скинуть или дать ссылку где можно посмотреть хорошее руководства по этим функциям.

@cthusq · 01.10.2015, 19:53

Ну как-то так, хотя б,но все равно нужно еще под разрешение поменьше (адаптивная верстка), тут уже https://www.youtube.com/watch?... JzgbRl7jFN или http://htmlbook.ru/css/value/media .

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

@cthusq 3 / 3 / 4 Регистрация: 24.09.2015 Сообщений: 44
	01.10.2015, 14:54
	Вырезаете .png-картинкой с .рsd сам лого - надпись Starbuzz cofe+чайник, на прозрачном фоне, задаете слева, справа пишете текст (...providing), "award-картинку" подгоните посередине, все, удачи. 0

@cthusq 3 / 3 / 4 Регистрация: 24.09.2015 Сообщений: 44
	01.10.2015, 15:41
	Вроде ничего такого сложного не написано У Вас картинкой должен быть только логотип, без текста, он отдельно в header : А вобщем я бы советовал подключить бутстрап или @media для адаптивной верстки.Удачи. Миниатюры 0