Как сделать чтобы не появлялись полосы прокрутки на CSS? #740333

#0 by Супер король

Есть блок обязательно с полями: padding:20px Максимальный размер ограничен: max-width:800px; Блок по центру страницы: body {text-align: center;} Внутри блока абзац с небольшим текстом: <p>...</p> Если окно позволяет, блок должен иметь максимальный размер. При сжатии окна браузера блок сжимается. Проблема в том, что появляется полоса прокрутки из-за того что поля выходят за края экрана. Как сделать чтобы блок целиком умещался в окне вместе с полями с помощью только CSS, не меняя разметку? <style> div { background-color:red; display:inline-block; max-width:800px; height:200px; width:100%; border: solid; padding:20px text-align: left; } body {text-align: center;} </style> <body> <div> <p> ... </p> </div> </body>

#1 by UFO

Для этого на яве скрипте надо передавать переменные с размерами вместо 800 и 200

#2 by UFO

а css-ом отключать скролл он на одном браузере отключает на другом нет <body scroll="no"> или body { overflow-x: hidden; overflow-y: hidden; }

#3 by Супер король

не подходит по условиям.

#4 by Asmody

#5 by Супер король

не подходит по условиям.

#6 by Супер король

Up

#7 by Супер король

Очень сложный вопрос, даже я сам не смог пока найти на него ответ.

#8 by Patriot1C

Перед тем как убрать полосы прокрутки с веб-страницы, подумайте, действительно ли вам это так необходимо. Отсутствие возможности прокрутки содержимого документа создает трудности посетителям сайта для просмотра информации. Если же существует острая необходимость построения дизайнерских изысков или желание создать своим читателям трудности, то вперед. Но вас предупреждали!

#9 by Супер король

Почему никто не читает ? Мне не нужно специально убирать полосы прокрутки. Они должны исчезнуть сами.

#10 by Patriot1C

Анимацию по исчезновению полос прокрутки еще не предлагали?

#11 by Супер король

Нет. Но три раза предложили один и тот же неправильный вариант. Ты был третий.

#12 by Супер король

UP

#13 by klis

Очень просто вопрос на самом деле. И ответ - никак! CSS задает оформление документа, а не окна браузера. Окном можно управлять через JS.

#14 by Супер король

И это не правильный ответ.

#15 by Serginio1

Докажи

#16 by Супер король

Доказано в ответах:

#17 by Serginio1

Так в чем проблема?

#18 by Dilgorp

если правильно понял: <meta name="viewport" content="width=device-width, initial-scale=1.0"> в раздел head в css : @media only screen and (max-width:[ширина экрана]px) {"уменьшаешь размер блока и размер шрифта до нужны"} - таким образом описываешь поведение при уменьшении экрана

#19 by Супер король

в том что не найден правильный ответ на

#20 by Serginio1

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

#21 by Супер король

Хорошо. Доказываю:

#22 by Serginio1

Еще раз, тебе человек сказал, что твою проблему нельзя решить без JS. В 16 показано как можно убрать полосы прокрутки, но без условий Если окно позволяет, блок должен иметь максимальный размер. При сжатии окна браузера блок сжимается.

#23 by Супер король

Человек ошибся. Были ответы доказывающие что без JS можно убрать полосы прокрутки с учетом условий: Если окно позволяет, блок должен иметь максимальный размер. При сжатии окна браузера блок сжимается.

#24 by Супер король

Up

#25 by Serginio1

во всех примерах Задача Убрать горизонтальные или вертикальные полосы прокрутки со страницы, не зависимо от объёма страницы. Решение Перед тем как убрать полосы прокрутки с веб-страницы, подумайте, действительно ли вам это так необходимо. Отсутствие возможности прокрутки содержимого документа создает трудности посетителям сайта для просмотра информации. Если же существует острая необходимость построения дизайнерских изысков или желание создать своим читателям трудности, то вперед. Но вас предупреждали! Способ основан на использовании свойства overflow, которое добавляется к селектору HTML, как показано в примере 1. Ты лучше на другой форум сходи. Здесь в основном 1С ники. А нам сообщи о найденном решении

#26 by Serginio1

Например

#27 by klis

Если блок сжимается под размеры окна, то полосы прокрутки не нужны. Если блок не влазит в окно, то полосы прокрутки обязательны. Как мне кажется, это никак не противоречит с . А вот и рыбку съесть, и... не получится. Удачи с поисках решения!))

#28 by Супер король

Совершенно другая задача. Было бы так просто, я бы не спрашивал.

#29 by Супер король

Нужно только чтобы было: "блок сжимается под размеры окна, то полосы прокрутки не нужны". В писал об этом.

#30 by Torquader

overflow:visible; - блок сжимается, пока его можно сжать. Ну и размер поставить в процентах, чтобы при сжатии-растяжении выглядело похожим на правду.

#31 by Супер король

Чем это отличается от ?

#32 by Serginio1

Посмотри

#33 by Супер король

Это не то

#34 by Serginio1

Возможно width (min-width, max-width) Тип носителя: все кроме speech Значение: размер Описывает ширину отображаемой области. Это может быть окно браузера или печатная страница. В примере 9 при уменьшении окна до 600 пикселов и меньше меняется цвет фона веб-страницы. Пример 9. Использование max-width HTML5CSS3IECrOpSaFx <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Ширина страницы</title> <style> body { background: #f0f0f0; } @media screen and (max-width: 600px) { body { background: #fc0; } } </style> </head> <body> <p>Пока магма остается в камере, мусковит сингонально поднимает шток, в то время как значения максимумов изменяются в широких пределах. </p> </body> </html>

#35 by Dilgorp

Почему не то? Решение твоей проблемы обозначенной в находится в никаких полос прокрутки и возможность как угодно подогнать блок, описав его поведение через css

#36 by Serginio1

34 что в общем то тебе и советовали в 18

#37 by Dilgorp

хороший пример использования @media

#38 by Serginio1

Спасибо интересно!

#39 by Супер король

как лечить гланды через зад. Пример чтобы было красиво написано и работало сможешь показать? По аналогии как я в показал свой пример.

#40 by Супер король

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

#41 by Котокот

Щас все бросим м будем гадать. Своих вопросов полно.

#42 by Супер король

тебе то не надо гадать.

#43 by Dilgorp

ну если для тебя в не пример, то нечего и обсуждать, там все предельно просто и понятно.

#44 by Супер король

Да нет, ты не понял. Я спросил не просто пример использования CSS, а пример решения задачи из .

#45 by Dilgorp

экий ты хитрец, кто ж за тебя твою задачу решать будет

#46 by Супер король

Я за себя уже решил. Есть люди которым интересно решить сложную но не трудоемкую задачу из спортивного интереса так же как мне.

Как сделать чтобы не появлялись полосы прокрутки на CSS? #740333

Похожие вопросы 1С

В этой группе 1С