Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.83/18: Рейтинг темы: голосов - 18, средняя оценка - 4.83
0 / 0 / 0
Регистрация: 01.05.2014
Сообщений: 62

Как зафиксировать ширину?

24.12.2014, 17:55. Показов 3676. Ответов 9
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Есть сайт http://510294.psiurok.web.host... tures.html

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

Подскажите, что необходимо сделать чтобы при разрешении экрана в 1000px все квадратике на странице не сползали а находились в фиксированном положении как и на больших экранах?


Таже самая проблема с верхней менюшкой. На больших мониторах все ок. Только начинаю уменьшать браузер все ползет.
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
24.12.2014, 17:55
Ответы с готовыми решениями:

Как зафиксировать ширину блока?
Как зафиксировать нужную ширину этого блока, сохранив внутренние и внешние отступы, и чтобы блок не гулял туда сюда на разных экранах? ...

Зафиксировать ширину ячейки в таблице
В ячейке присутствует блок, у которого ширина равна 100%. В этом блоке новости в строчку и стоит свойство скрытия если все новости не...

Как зафиксировать ширину элементов ListView
Подскажите как отредактировать разметку элемента ListView. На данный момент есть следующее - checkBox, TextView и ImageView. ...

9
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
24.12.2014, 17:58
vas80, 404...
0
0 / 0 / 0
Регистрация: 01.05.2014
Сообщений: 62
24.12.2014, 18:13  [ТС]
http://510294.psiurok.web.host... tures.html

Добавлено через 1 минуту
вот по этой ссылке сайт

Добавлено через 1 минуту
Подскажите как сделать, чтобы корректно отображалось?
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
24.12.2014, 18:18
vas80,

Блокам header и center span12 задать свойство: width:1180px ... Точно перестанут падать...
0
0 / 0 / 0
Регистрация: 01.05.2014
Сообщений: 62
24.12.2014, 18:22  [ТС]
задал как. не помогло квадратики выровнялись но их часть за экраном, что не корректно, а менюшка дальше налазит на логотип.

Может есть решение чтобы все правильно было?
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
24.12.2014, 18:24
Цитата Сообщение от vas80 Посмотреть сообщение
задал как. не помогло квадратики выровнялись но их часть за экраном, что не корректно, а менюшка дальше налазит на логотип.
Вы про мобильные устройства?
0
0 / 0 / 0
Регистрация: 01.05.2014
Сообщений: 62
24.12.2014, 18:30  [ТС]
не я за компьютер. разрешение экрана монитора 1000px

Добавлено через 1 минуту
если монитор в 1000пкс то верхняя менюшка нализит на логотип, а часть квадратиков за пределами экрана с правой стороны
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
24.12.2014, 18:32
vas80, тогда надо изменить вёрстку... Подогнать её под размер 1000px... Надо менять размеры всех блоков... Например центральный блок у Вас свёрстан на ширину 1180px - поэтому часть, как Вы говорите "квадратиков" с правой стороны - они тупо не помещаются...
0
0 / 0 / 0
Регистрация: 01.05.2014
Сообщений: 62
24.12.2014, 18:43  [ТС]
понял. дело в том что это шаблон джумловский. начал править. тут и косяки. смотрите уважаемы Fedor92 на главной странице сайта блоки идут такой же ширины и там все нормально.

значит все таки можно как то сделать?
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
24.12.2014, 19:03
На главной всё нормально? Вовсе нет - те же косяки... Этот шаблон резиновый и для того, чтобы избавиться от некоторых косяков в частности для центрального блока надо задавать фиксированную ширину... Тоже самое касается и блоков меню... Кстати, говоря паровозом я бы ещё избавился от position:absolute...
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
24.12.2014, 19:03
Помогаю со студенческими работами здесь

Как зафиксировать ширину программы без возможности ее расширения?
Здравствуйте! Извините за глупый вопрос, но все же, пытался в форме редактировать Weight и Height, но при компиляции все равно можно...

При закрытии слетает ширина. Как зафиксировать ширину строк?
Всем доброго времени суток. Пользуюсь OO.org 3.2.1 OOO320m18 (Build:9502) Проблема в следующем: В ячейках есть информация, которая по...

Не могу зафиксировать ширину панели SplitContainer
Точнее зафиксировать то могу, но проблема появляется далее. На форме три SplitContainer. Для SplitContainer1 установлено свойство...

Зафиксировать ширину столбца в разметке. GridSplitter
Когда вручную передвигаю GridSplitter правого столбца, ширина левого столбца не меняется. Если это сделать программно, то ширина изменится....

Вывести значения переменных в столбик, установить точность, ширину поля и зафиксировать
Напишите инструкцию ввода и вывода значений чисел 123, 45.080, 2345566.1 типа float с разным количеством цифр целой и дробной части для...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
10
Ответ Создать тему
Новые блоги и статьи
Модульная разработка через nuget packages
DevAlt 07.03.2026
Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .
Модульный подход на примере F#
DevAlt 06.03.2026
В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .
Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование
8Observer8 05.03.2026
Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .
SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D
8Observer8 04.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий
8Observer8 02.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .
Реалии
Hrethgir 01.03.2026
Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .
Ритм жизни
kumehtar 27.02.2026
Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .
SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten
8Observer8 27.02.2026
Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru