Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Позиционирование несколько div с разной шириной. помогите / 14 сообщений из 14, страница 1 из 1
04.04.2015, 19:03
    #38927103
Duran21
Duran21
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Позиционирование несколько div с разной шириной. помогите
Народ. подскажите или покажите похожую верстку.
Постоянно криво и не правильно верстаю такой момент.
Как их ровно спозиционировать , если у них разная ширина? просто зафлоутить и указать padding - криво. фиксированную одинаковую ширину не укажешь - так еще кривее выйдет. В перспективе надо будет адаптивить, чтобы сползали друг под друга.
Момент очень простой , знаю. Но никак не соображу )))
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.04.2015, 20:21
    #38927120
skyANA
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Позиционирование несколько div с разной шириной. помогите
Duran21, сделать-то что надо? :) Задать всем ширину самого "толстого"?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.04.2015, 20:25
    #38927122
Duran21
Duran21
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Позиционирование несколько div с разной шириной. помогите
skyANA,
Сделать так как на картинке)
Задай, и всё выйдет за пределы контейнера. вернее сдвинется вниз и будет уже точно не так )
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.04.2015, 20:27
    #38927125
Duran21
Duran21
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Позиционирование несколько div с разной шириной. помогите
skyANA,

не будет одинаковых отступов (визуально)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.04.2015, 22:14
    #38927167
mini.weblab
mini.weblab
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Позиционирование несколько div с разной шириной. помогите
Duran21,
в % попробуй
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.04.2015, 22:44
    #38927180
Duran21
Duran21
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Позиционирование несколько div с разной шириной. помогите
Тишина (((
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.04.2015, 22:46
    #38927181
Duran21
Duran21
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Позиционирование несколько div с разной шириной. помогите
Придется опять каждому диву давать айдишник и писать стили для каждого отдельно =(
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.04.2015, 23:15
    #38927203
mini.weblab
mini.weblab
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Позиционирование несколько div с разной шириной. помогите
Duran21,

а почему нельзя картинку использовать?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.04.2015, 23:47
    #38927216
skyANA
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Позиционирование несколько div с разной шириной. помогите
Duran21skyANA,

не будет одинаковых отступов (визуально)каких именно визуальных отступов? где на картинке одинаковые отступы?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.04.2015, 23:53
    #38927218
Duran21
Duran21
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Позиционирование несколько div с разной шириной. помогите
skyANA,

я имел ввиду ровно выстроенные. Смог сделать это только двумя классами для левых четырех и правых четырех. Но это кривой подход
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
05.04.2015, 00:41
    #38927235
skyANA
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Позиционирование несколько div с разной шириной. помогите
Duran21skyANA,

я имел ввиду ровно выстроенные. Смог сделать это только двумя классами для левых четырех и правых четырех. Но это кривой подходЯННП :)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
05.04.2015, 00:56
    #38927240
skyANA
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Позиционирование несколько div с разной шириной. помогите
Что-то типа этого: http://learn.javascript.ru/play/5D4KJb ?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
05.04.2015, 02:14
    #38927251
не комплексуй, сделай таблицей
не комплексуй, сделай таблицей
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Позиционирование несколько div с разной шириной. помогите
Duran21,

Сделай 4 дива для колонок с float:left и width:auto, а в них уже дивы для квждого элемента в отдельности. По типу таблицы короче. А кстати таблицу использовать не вриант.? Она сделает то что надо тебе вроде почти по умолчанию.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
05.04.2015, 02:39
    #38927253
На пользуйся
На пользуйся
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Позиционирование несколько div с разной шириной. помогите
не комплексуй, сделай таблицей,

Код: 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
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Позиционирование несколько div с разной шириной. помогите / 14 сообщений из 14, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 511ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1446124]:
 0ms
get settings:
 7ms
get forum list:
 15ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 148ms
get topic data:
 13ms
get forum data:
 3ms
get page messages:
 67ms
get tp. blocked users:
 2ms
others: 250ms
total:  511ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]