Вопросы по теме 'fluid-layout'
box-shadow и проблема 100% ширины жидкости
Я полировал страницу, которую создал за последние день или два, и столкнулся с проблемой после использования box-shadow - я надеялся, что кто-то может пролить свет на простой способ исправить это.
Настройка: у меня есть div с несколькими...
6574 просмотров
schedule
24.07.2022
Как сделать ширину элемента: 100% минус отступ?
У меня есть ввод html.
На входе указано padding: 5px 10px; . Я хочу, чтобы он составлял 100% ширины родительского div (который является плавным).
Однако использование width: 100%; приводит к тому, что ввод будет 100% + 20px , как я могу...
261746 просмотров
schedule
05.05.2023
Устранение неполадок заполнения CSS в адаптивном дизайне
Этот простой макет HTML5 предназначен для панели навигации слева с текстом тела, плавающим рядом с ней (используя проценты, а не пиксели для гибкого, отзывчивого дизайна — расчеты находятся в комментариях в CSS)....
13907 просмотров
schedule
07.04.2023
3-колоночная жидкая компоновка css
Хорошо, я пытаюсь сделать макет из трех столбцов, но я хочу, чтобы все столбцы были плавными с шириной 33% и высотой 50%. Я также хочу заполнить 3 div для столбцов. но каждый раз, когда я добавляю дополнение, последний div переходит на следующую...
2250 просмотров
schedule
20.05.2022
Относительная ширина и отступ одного и того же элемента
Стремясь сделать свои веб-сайты более отзывчивыми, я пытаюсь научиться плавно определять элементы. Сегодня столкнулся с ситуацией, которую наконец исправил, но не понимаю, почему исправление сработало, а хотелось бы.
Я не могу дать ссылку на сайт...
9634 просмотров
schedule
23.05.2023
Столбцы CSS: плавные и гибкие по ширине
В 2011 году меня поставил в тупик двухколоночный макет. Мне стыдно. ;)
Задача состоит в том, чтобы придумать это:
+--------------------------------------++----------------+
| This is a header with potentially || button div |
|...
1468 просмотров
schedule
27.06.2022
Ширина жидкости с равномерно расположенными DIV
У меня есть контейнер DIV ширины жидкости.
Внутри у меня есть 4 DIV размером 300 x 250 пикселей ...
<div id="container">
<div class="box1"> </div>
<div class="box2"> </div>
<div class="box3">...
231911 просмотров
schedule
03.07.2023
Как установить поля автоматического поля в дизайне с гибкой шириной с помощью CSS?
У меня есть DIV с гибкой шириной, например. минимальная ширина: 800 пикселей и максимальная ширина: 1400 пикселей. В этом DIV есть много блоков с фиксированной шириной 200px и display:inline-block. Таким образом, в зависимости от ширины...
11023 просмотров
schedule
09.07.2023
Проблема с процентной шириной в Opera
Я пытаюсь сделать макет с плавной сеткой и столкнулся с проблемой несовместимой ширины рендеринга в Opera. В Opera ширина элементов постоянно меньше, чем в других браузерах. Я пробую использовать систему сетки Fluid 960, но если она не будет...
3326 просмотров
schedule
14.05.2023
Элементы ввода жидкости
Я получил эту форму ...
<form method="post" action="<?php echo htmlentities($_SERVER['PHP_SELF']); ?>">
<fieldset>
<legend>Who are you?</legend>
<label for="first-name">First...
18711 просмотров
schedule
04.04.2022
Расширение фона заголовка, если контейнер не является текучим
Скажем, у меня есть эта разметка:
<div id="container">
<div id="header">content</div>
<div id="left-column">content</div>
<div id="right-column">content</div>
<div...
3216 просмотров
schedule
20.05.2022
адаптивный веб-дизайн для n столбцов портлетов произвольной высоты
Кратко:
Как разместить N столбцов портлетов произвольной высоты в CSS, чтобы при изменении размера браузера количество столбцов уменьшалось (используя @media (min-width:)) и портлеты по-прежнему хорошо сидели вместе на странице с нет пробелов....
1240 просмотров
schedule
30.05.2024
Жидкие изображения в Chrome: как избежать перерисовки?
Я работаю над сайтом фотографий с большим количеством изображений, и у них нет фиксированной высоты и ширины, так как я хочу, чтобы этот сайт был на 100% плавным: как вы справляетесь с уродливым перекрашиванием изображений в Chrome? (т. е....
1155 просмотров
schedule
10.03.2024
Как получить динамически плавные изображения в зависимости от соотношения сторон окна браузера?
Это может быть не простой вопрос, но я стараюсь изо всех сил.
У меня есть пример сайта: http://lotvonen.tumblr.com/ . У меня есть небольшой фрагмент javascript, который автоматически вычисляет высоту внутреннего окна браузера и устанавливает это...
842 просмотров
schedule
01.04.2022
Fluid Layout — как получить начальное процентное значение
При создании гибкого макета в качестве основы для адаптивного дизайна — как вы достигаете начального процентного значения для основного контейнера. Например, фиксированный макет может начинаться с контейнера шириной 930 пикселей с отступом 15...
125 просмотров
schedule
09.04.2024
Как это сделать: родительский элемент с плавающей шириной, с фиксированной шириной и дочерним элементом с плавной шириной?
Прежде чем я объясню, рассмотрим следующее...
ПРИМЕР HTML-КОД:
<div id="Body">
<div id="Content">...</div>
<div id="Panel">...</div
</div>
CSS-код:
#Body {
min-width: 865px;
width:...
526 просмотров
schedule
01.03.2023
гибкий макет - сохранить макет
Недавно я создал сайт: www.hauswoods.com
Сайт выглядит нормально на стандартном экране, но на мобильном устройстве это ужасно. Я попытался настроить сайт так, чтобы он был плавным, изменив ширину на %, но тогда макет испортился.
Если кто-то...
422 просмотров
schedule
05.06.2023
Гибкая сетка с автоматически регулируемым количеством столбцов
Мне интересно, возможно ли следующее с помощью CSS:
сетка DIV в любом количестве столбцов, скажем, N (которое может быть от 5 до 20 и более)
сетка должна быть плавной, то есть каждый DIV сжимается и расширяется по мере изменения ширины...
2670 просмотров
schedule
01.12.2022
Гибкая компоновка CSS: верхняя граница на основе процента увеличивается при увеличении ширины контейнера
Я просто изучаю гибкие макеты CSS и адаптивный дизайн, и я пытаюсь использовать все процентные значения без значений пикселей в макете.
Пока вроде работает, но в одном месте я вижу то, чего не ожидал. Я пытаюсь установить отступ между двумя...
37332 просмотров
schedule
23.11.2022
Отображение встроенного левого столбца и основного столбца в полужидком макете
Я изменяю современную тему в magento, чтобы она была плавной до ширины 1280 пикселей.
Кажется, все работает, за исключением того, что я не могу заставить левый столбец и основной столбец (в макете с двумя столбцами слева) отображать встроенный...
632 просмотров
schedule
25.03.2022