Описание тега fluid-layout

A Fluid Layout, sometimes also referred to as a liquid layout, is a CSS technique in which the majority of the page components have percentage widths, and thus adjust to the user's screen resolution.
1 ответ

CSS Заставьте изображения внутри жидкостной сетки адаптироваться к родительской высоте с IceCream

Я работаю над проектом для клиента, для которого требуется плавная сетка с несколькими изображениями. До сих пор я использовал сетку Icecream Grid ( http://html5-ninja.com/icecream/) и никаких дополнительных CSS, используя только собственные классы …
03 май '14 в 13:15
3 ответа

CSS/HTML: обработка макетов и высоты флюида?

Вот пример, демонстрирующий эту проблему: http://jsfiddle.net/93twL/ Вот код (такой же, как у jsfiddle): <body> <header> <h1> Heading </h1> </header> <div id="container"> <div id="left"> <h3> Left <…
03 авг '14 в 18:28
0 ответов

Текущее расположение с фоновым изображением

У меня есть изображение шириной 1020 пикселей и повторяется (в соответствии с CSS) по вертикали. Это создает хорошую тень на краю содержащего элемента div. Проблема в том, что когда div сокращается, изображение не уменьшается с содержащим div? Мне н…
07 мар '14 в 22:46
2 ответа

Элемент html с шириной в процентах должен иметь минимальную ширину внутреннего статического содержимого

Элемент html с шириной в процентах должен иметь минимальную ширину внутреннего статического содержимого Здравствуйте, я пытаюсь создать гибкий / адаптивный макет. Есть ли способ заставить элемент HTML, который имеет процентную ширину, иметь минималь…
4 ответа

Карусель jQuery image с шириной жидкости / жидкости

Кто-нибудь из вас знает карусель с изображением jQuery? Я нашел это: http://www.nikolakis.net/liquidcarousel/... но это выглядит ужасно, когда вы устанавливаете скорость. Более того, я бы хотел, чтобы он активировался, когда мышь движется в каком-то…
2 ответа

div с таблицей внутри выходит наружу при изменении размера окна

Я работаю над "калькулятором кредитов". Я сделал это с плавным расположением. Я искал в интернете информацию о своей проблеме, но не смог ничего найти. КОД CSS: /* RESET CSS*/ *{ margin:0; border:0; padding:0; } /* Diseño...*/ article, aside, detail…
20 мар '14 в 07:07
2 ответа

Интеграция переполненных ссылок в динамическое выпадающее меню в конце списка меню

Как мне создать горизонтальный список ссылок, чтобы переполненные ссылки все еще были доступны через динамическое выпадающее меню в конце списка? Я хочу иметь возможность создавать список ссылок (или кнопок) таким образом, чтобы при достаточном гори…
0 ответов

Встроенные горизонтальные элементы списка, разверните расширенные элементы в следующей строке (достигнута минимальная ширина)

У меня есть переменные элементы в списке, и я хочу расширить их до 100% для достижения максимального доступного пространства (в колонке жидкости). <------------------100%-----------------> |---------|---------|---------|---------| | li | li | …
25 авг '15 в 16:47
1 ответ

Псевдоэлемент::before создает перенос текста при использовании% margin по сравнению со статическим margin

У меня проблемы с панелью навигации. Я хочу отделить каждый li с помощью символа "/" и хочу, чтобы интервал основывался на ширине окна. Когда поле элемента::before ("/") было margin: 0 20px; все элементы были встроены. Однако, когда я изменяю его на…
1 ответ

JQuery Isotope: жидкостная сетка не работает правильно с элементами разных размеров

У нас есть сетка с разными размерами в штучной упаковке (4 стиля). Стиль коробки 1: Ширина 200 пикселей Высота 200 пикселей Стиль коробки 2: Ширина 100 пикселей Высота 100 пикселей Стиль коробки 3: Ширина 200 пикселей Высота 100 пикселей Стиль короб…
1 ответ

Эластичный макет - Обеспечение выравнивания всегда

Я разрабатываю эластичный макет, который используется с динамическим количеством элементов. Как видите, макет является изменчивым, и количество элементов в строке изменяется в зависимости от разрешения. Я могу добавить любые классы, которые мне нужн…
28 мар '14 в 22:49
1 ответ

Равная высота колонки и ширина колонки с использованием CSS

Я хочу, чтобы создать равную высоту жидкости, равную ширину жидкости две колонки макета панели. В настоящее время я использую решение psuedo-element, предложенное здесь: http://webdesign.tutsplus.com/tutorials/quick-tip-solving-the-equal-height-colu…
04 сен '14 в 08:32
2 ответа

Вырваться из сетки жидкости

В RWD мы работаем с жидкостными сетками. Одним из примеров будет onepcssgrid. Допустим, я выбираю 1200 пикселей для целевого экрана 1280 пикселей. Итак, мы имеем .onepcssgrid-1200 { max-width: 1220px; } С учетом полей для желобов и некоторых отступо…
05 май '14 в 18:26
3 ответа

Выровненный по центру div на самом деле не центр

Хорошо, у меня есть div, вложенный в другой div, и внутренний div центрируется с шириной 80%. но это не полностью по центру. Как бы я сделал это полностью по центру? http://jsfiddle.net/xx8hx/ http://postimage.org/image/15linq5yc/ HTML <div class…
14 июл '11 в 04:56
2 ответа

Как сделать высоту флюида с помощью начальной загрузки или @media-query?

Я использую начальную загрузку для системы жидкостной сетки. у меня есть div с классом.span6 и я установил heigth:200px за это. Теперь я хочу, когда окно изменяет размер высоты div, как ширина. http://jsfiddle.net/prince4prodigy/X8zu8/ <div class…
1 ответ

Как я могу исправить этот веб-макет?

У меня есть веб-макет, над которым я работаю сегодня, с одним статическим столбцом и одним столбцом жидкости. Моя проблема в том, что код неожиданно сломался (я не уверен, почему), и теперь он всплывает неправильно. Моя структура такая: <div clas…
14 май '13 в 10:00
7 ответов

Ширина жидкости с одинаково расположенными DIV

У меня есть контейнер с жидкостью шириной DIV. В рамках этого у меня есть 4 DIVs все 300px x 250px... <div id="container"> <div class="box1"> </div> <div class="box2"> </div> <div class="box3"> </div> <di…
28 июл '11 в 20:22
1 ответ

Жидкие и статические элементы в одном ряду

У меня есть вопрос, касающийся расположения жидкостей. Я создаю адаптивный сайт, и у меня есть Listview, который я создал с DIV. То, что я пытаюсь сделать, это: У меня есть список элементов, каждый с несколькими различными записями данных (название,…
10 мар '13 в 12:53
1 ответ

Фиксированная ширина или ширина жидкости для доступности

Мне сказали, что веб-сайты с фиксированной шириной недоступны, потому что большинство программ чтения с экрана не могут читать контент, который прокручивается за пределы экрана. Есть ли правда в этом? Это не звучит правильно для меня, поэтому я поду…
17 авг '10 в 18:15
1 ответ

CSS вертикально вертикально элемент не переносится

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