Позиционирование несколько div с разной шириной. помогите / HTML, JavaScript, VBScript, CSS

ReSQL.ru

Мобильная версия Контакт Правила FAQ Помощь

Гость

Войти | Регистрация | Профиль | Очистить

Новые сообщения | Избранное

Форумы | Пользователи | Статистика | Мод. лог | Поиск

Цитировать

Написать

Автор*:

Ввести пароль для входа

Тема*:

Сообщение

Данное сообщение тематическое

Сообщение содержит картинки или видео 18+

Автор:

ВНИМАНИЕ! На данном подфоруме действуют строгие правила. Удостоверьтесь, что ваше сообщение соответствует им!

Форум или тема закрыты для гостей. Необходима авторизация!

Загрузить последнюю сохраненную версию

Вложение:

Вставить как галерею

Максимальный размер вложений: 4,0 МБ, аудио/видео: 8,0 МБ. Картинки большего размера ужимаются, если возможно.

Введите код, изображенный на картинке. Если код нечитаемый, кликните картинку, чтобы загрузить другой вариант.

Отправляя сообщение, я выражаю свое согласие с правилами форума и принимаю пользовательское соглашение.

Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Позиционирование несколько div с разной шириной. помогите

14 сообщений из 14, страница 1 из 1

Позиционирование несколько div с разной шириной. помогите

#38927103

Duran21

Гость

Народ. подскажите или покажите похожую верстку.
Постоянно криво и не правильно верстаю такой момент.
Как их ровно спозиционировать , если у них разная ширина? просто зафлоутить и указать padding - криво. фиксированную одинаковую ширину не укажешь - так еще кривее выйдет. В перспективе надо будет адаптивить, чтобы сползали друг под друга.
Момент очень простой , знаю. Но никак не соображу )))

...

Рейтинг:

0 / 0

04.04.2015, 19:03

| Ответить | Цитировать | Написать

Позиционирование несколько div с разной шириной. помогите

#38927120

skyANA

Участник

Откуда: Зеленоград

Сообщения: 22 795

Рейтинг: 0 / 0

Duran21, сделать-то что надо? :) Задать всем ширину самого "толстого"?

...

Рейтинг:

0 / 0

04.04.2015, 20:21

| Ответить | Цитировать | Написать

Позиционирование несколько div с разной шириной. помогите

#38927122

Duran21

Гость

skyANA,
Сделать так как на картинке)
Задай, и всё выйдет за пределы контейнера. вернее сдвинется вниз и будет уже точно не так )

...

Рейтинг:

0 / 0

04.04.2015, 20:25

| Ответить | Цитировать | Написать

Позиционирование несколько div с разной шириной. помогите

#38927125

Duran21

Гость

skyANA,

не будет одинаковых отступов (визуально)

...

Рейтинг:

0 / 0

04.04.2015, 20:27

| Ответить | Цитировать | Написать

Позиционирование несколько div с разной шириной. помогите

#38927167

mini.weblab

Участник

Сообщения: 988

Рейтинг: 0 / 0

Duran21,
в % попробуй

...

Рейтинг:

0 / 0

04.04.2015, 22:14

| Ответить | Цитировать | Написать

Позиционирование несколько div с разной шириной. помогите

#38927180

Duran21

Гость

Тишина (((

...

Рейтинг:

0 / 0

04.04.2015, 22:44

| Ответить | Цитировать | Написать

Позиционирование несколько div с разной шириной. помогите

#38927181

Duran21

Гость

Придется опять каждому диву давать айдишник и писать стили для каждого отдельно =(

...

Рейтинг:

0 / 0

04.04.2015, 22:46

| Ответить | Цитировать | Написать

Позиционирование несколько div с разной шириной. помогите

#38927203

mini.weblab

Участник

Сообщения: 988

Рейтинг: 0 / 0

Duran21,

а почему нельзя картинку использовать?

...

Рейтинг:

0 / 0

04.04.2015, 23:15

| Ответить | Цитировать | Написать

Позиционирование несколько div с разной шириной. помогите

#38927216

skyANA

Участник

Откуда: Зеленоград

Сообщения: 22 795

Рейтинг: 0 / 0

Duran21skyANA,

не будет одинаковых отступов (визуально)каких именно визуальных отступов? где на картинке одинаковые отступы?

...

Рейтинг:

0 / 0

04.04.2015, 23:47

| Ответить | Цитировать | Написать

Позиционирование несколько div с разной шириной. помогите

#38927218

Duran21

Гость

skyANA,

я имел ввиду ровно выстроенные. Смог сделать это только двумя классами для левых четырех и правых четырех. Но это кривой подход

...

Рейтинг:

0 / 0

04.04.2015, 23:53

| Ответить | Цитировать | Написать

Позиционирование несколько div с разной шириной. помогите

#38927235

skyANA

Участник

Откуда: Зеленоград

Сообщения: 22 795

Рейтинг: 0 / 0

Duran21skyANA,

я имел ввиду ровно выстроенные. Смог сделать это только двумя классами для левых четырех и правых четырех. Но это кривой подходЯННП :)

...

Рейтинг:

0 / 0

05.04.2015, 00:41

| Ответить | Цитировать | Написать

Позиционирование несколько div с разной шириной. помогите

#38927240

skyANA

Участник

Откуда: Зеленоград

Сообщения: 22 795

Рейтинг: 0 / 0

Что-то типа этого: http://learn.javascript.ru/play/5D4KJb ?

...

Рейтинг:

0 / 0

05.04.2015, 00:56

| Ответить | Цитировать | Написать

Позиционирование несколько div с разной шириной. помогите

#38927251

не комплексуй, сделай таблицей

Гость

Duran21,

Сделай 4 дива для колонок с float:left и width:auto, а в них уже дивы для квждого элемента в отдельности. По типу таблицы короче. А кстати таблицу использовать не вриант.? Она сделает то что надо тебе вроде почти по умолчанию.

...

Рейтинг:

0 / 0

05.04.2015, 02:14

| Ответить | Цитировать | Написать

Позиционирование несколько div с разной шириной. помогите

#38927253

На пользуйся

Гость

не комплексуй, сделай таблицей,

Код: plaintext

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.

<!DOCTYPE html> 

<html>
	<head> 
	</head> 
	<body> 
		<style>
			* {
				font-size: 10pt;
				font-family: sans-serif;
			}
			.container {
				width: 800px;
				margin: 0px auto;
				border: 1px solid #eee;
				height: 150px;
				background: #d00;
				font-weight: bold;
				padding: 10px;
			}
			.column {
				float: left;
				width: auto;
				padding-right: 20px;
				padding-left: 10px;
				max-width: 190px;
			}
			.cell {
				height: 50px;				
				color: white;
				margin-bottom: 10px; 
			}
		</style>
		<div class="container"> 
			<div class="column">
				<div class="cell">Сделано в Росии</div>
				<div class="cell">Гарантия 12 месяцев</div>
				
			</div>
			<div class="column">
				<div class="cell">Металличесий мотор</div>
				<div class="cell">Размеры компактные</div>		
			</div>
			<div class="column">
				<div class="cell">Низкий уровень шума 23дБ</div>
				<div class="cell">Втроенный фильтр в поплавковую камеру</div>
			</div>
			<div class="column">
				<div class="cell">Успешно прошел испытания на протяжении 3-х лет</div>
				<div class="cell">Сертифицирован по ЕАС и РТС</div>
			</div>

		</div>
	</body>
</html>

...

Рейтинг:

0 / 0

05.04.2015, 02:39

| Ответить | Цитировать | Написать

14 сообщений из 14, страница 1 из 1

Читали тему (0):

Читали форум (0):

Пользователи онлайн (0):

start [/forum/topic.php?fid=22&fpage=76&tid=1446124]:	0ms
get settings:	8ms
get forum list:	9ms
check forum access:	2ms
check topic access:	2ms
track hit:	23ms
get topic data:	7ms
get forum data:	2ms
get page messages:	34ms
get tp. blocked users:	1ms
others:	238ms

total:	326ms

	Необходимые cookie
	Cookie для сбора статистики
	Cookie для маркетинга и рекламы